/***********************************/
/* Upgrade style-fermax   */
/***********************************/
/***********************************/
/* Upgrade style-fermax   */
/***********************************/


/* New fonts */

@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url('../fonts/sourcesanspro/SourceSansPro-Regular.eot');
    src: url('../fonts/sourcesanspro/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro/SourceSansPro-Regular.woff2') format('woff2'), url('../fonts/sourcesanspro/SourceSansPro-Regular.woff') format('woff'), url('../fonts/sourcesanspro/SourceSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-SemiBold';
    src: url('../fonts/sourcesanspro/SourceSansPro-SemiBold.eot');
    src: url('../fonts/sourcesanspro/SourceSansPro-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro/SourceSansPro-SemiBold.woff2') format('woff2'), url('../fonts/sourcesanspro/SourceSansPro-SemiBold.woff') format('woff'), url('../fonts/sourcesanspro/SourceSansPro-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Black';
    src: url('../fonts/sourcesanspro/SourceSansPro-Black.eot');
    src: url('../fonts/sourcesanspro/SourceSansPro-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro/SourceSansPro-Black.woff2') format('woff2'), url('../fonts/sourcesanspro/SourceSansPro-Black.woff') format('woff'), url('../fonts/sourcesanspro/SourceSansPro-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/***********************************/

/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 *  This version used for notice fileupload star.
 */ 
 @font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}

/* Typography style */

:root , [data-bs-theme="light"]{
    /* Bgcolor */
    --bg-darkgray: #606060;
    --bg-lightgray: #f2f2f2;
    --bg-green: #70bb6e;
    --bg-default: #ffffff;
    --bg-black: #000000;
    --bg-count-color: #fdfafa;
    --bg-blue:#003F87;
    --bg-darktheme-black: #1E1C1D;
    --bg-darktheme-blue: #2190FE;
    --bg-darktheme-gray: #AFAFAF;
    

    /*Text color */
    --text-white: #ffffff;
    --text-black: #000000;
    --text-green: #70bb6e;
    --text-darkgray: #606060;
    --text-favourite: #e49c10;
    --text-link: #6969C5;
    --text-link-secondry: #2190fe;
    --text-error: #ff0000;
    --text-secondary-color: #949494;
    --text-dark-theme-secondary-color: #ABABAB;
    --text-dashbord: #1C273C;
    --text-dashbord-alt:#4B5774;
    --text-dashbord-secondary:#96A0B9;
    --text-dlp: #999;
    --text-dlp-alt: #5F5F5F;
    --text-dlp-secondary: #030303;

    /* Other text color */
    --text-link-secondary: #609FFF;

    /* Font-family */
    --font-family-Bold: 'SourceSansPro-Black';
    --font-family-SemiBold: 'SourceSansPro-SemiBold';
    --font-family-regular: 'SourceSansPro-Regular';

    /* Font-size */
    --font-size-xx-small: 8.5px;
    --font-size-md-small: 10px;
    --font-size-x-small: 12px;
    --font-size-small: 14px;
    --font-size-medium: 15px;
    --font-size-medium-large: 19px;
    --font-size-large: 26px;
    --font-size-x-large: 28px;

    /* --font-size-xx-small: 0.4427083333333333vmax;
    --font-size-x-small: 0.625vmax;
    --font-size-small: 0.7291666666666666vmax;
    --font-size-medium: 0.8333333333333334vmax;
    --font-size-medium-large: 0.9895833333333334vmax;
    --font-size-large: 1.3541666666666667vmax;
    --font-size-x-large: 1.4583333333333333vmax; */

    /* Status color */
    --status-closed: #3dacbb;
    --status-pending: #f9c02e;
    --status-rejected: #ff0000;
    --status-rescheduled: #c8cc1d;
    --status-paid: #70bb6e;
    --status-in-progress: #00b0ff;
    --status-completed: #70bb6e;
    --status-assign: #bd5151;
    --status-reopen: #797a14;
    --status-followup: #b4669d;
    --status-quoted: #633a3a;
    --status-invoice: #0a4561;

    /* Progresbar */
    --progressbar-bg: #d9d9d9;
    --progressbar-fill: #70bb6e;
    --poll-answer-pill: #f2f2f2;
    /* form input color */

    /* Input */
    --inupt-disable: #f1f0f0;
    --inupt-dark-theme-disable:#313131;
    --inupt-error-border: #ff0000;
    --inupt-dark-theme-bg: #404040;

    /* Radio */
    --radio-active: #70bb6e;

    /* Checkbox */
    --checkbox-active: #70bb6e;
    --toggle-switch: #d9d9d9;
    --toggle-switch-active: #b1eaaf;
    --toggle-switch-active-bg: #70bb6e;

    /* Border */
    --border-color: #d9d9d9;
    --border-radius: 5px;
    --second-border-color: #ebebeb;
    --border-dark-theme: #878787;

    /* File Browser */

    --file-browse-bg: rgba(242, 242, 242, 20%);
}


a, a:hover{
    text-decoration: none;
}

.multiple-input-list__btn:hover{
    color: var(--text-white);
}


h1 {
    font-size: var(--font-size-x-large);
    color: var(--text-black);
    font-family: var(--font-family-SemiBold);
    margin: 0;
}

h3 {
    font-size: var(--font-size-large);
    color: var(--text-black);
    font-family: var(--font-family-SemiBold);
    margin: 0;
}

h4 {
    font-size: var(--font-size-medium);
    color: var(--text-black);
    font-family: var(--font-family-SemiBold);
}

h5 {
    font-size: var(--font-size-medium-large);
    color: var(--text-black);
    font-family: var(--font-family-SemiBold);
    margin: 0;
}

p {
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);
}

.lh-normal{
    line-height: normal;
}

.btn:focus, .btn.focus{
    box-shadow: none;
}

.form-control:focus{
    box-shadow: none;
    border-color: var(--border-color);
}

.form-control{
    background-clip: text;
}

button:focus{
    outline: none;
}

/* buttons */
/* Fill */
.button-fill-primary-small {
    font-size: var(--font-size-small);
    color: var(--text-white);
    font-family: var(--font-family-regular);
    background: var(--bg-green);
    padding: 0 15px;
    border-radius: var(--border-radius);
    border: none;
    height: 28px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    cursor: pointer;
}

.button-fill-primary-medium {
    font-size: var(--font-size-small);
    color: var(--text-white);
    font-family: var(--font-family-regular);
    background: var(--bg-green);
    padding: 0 15px;
    border-radius: var(--border-radius);
    border: none;
    height: 32px;
    line-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    cursor: pointer;
}

.button-fill-primary-large {
    font-size: var(--font-size-medium);
    color: var(--text-white);
    font-family: var(--font-family-SemiBold);
    background: var(--bg-green);
    padding: 0 15px;
    border-radius: var(--border-radius);
    border: none;
    height: 38px;
    line-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    min-width: 90px;
    cursor: pointer;
}

.button-transparent-secondary-large {
    font-size: var(--font-size-medium);
    color: var(--text-black);
    font-family: var(--font-family-SemiBold);
    background: var(--bg-default);
    padding: 0 15px;
    border-radius: var(--border-radius);
    height: 38px;
    line-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    min-width: 90px;
    cursor: pointer;
    border: 1px solid var(--border-color);
}


.button-fill-primary-medium:hover,
.button-fill-primary-medium:focus,
.button-fill-primary-medium:active,
.button-fill-primary-medium:hover,
.button-fill-primary-medium:focus,
.button-fill-primary-medium:active,
.button-fill-primary-large:hover,
.button-fill-primary-large:focus,
.button-fill-primary-large:active {
    border: none;
    outline: none;
    box-shadow: none;
    text-decoration: none;
}

.button-fill-primary-small img,
.button-fill-primary-medium img,
.button-fill-primary-large img {
    margin-right: 8px;
}


a.button-fill-primary-small {
    font-size: var(--font-size-small);
    color: var(--text-white);
    font-family: var(--font-family-regular);
    background: var(--bg-green);
    padding: 0 15px;
    border-radius: var(--border-radius);
    border: none;
    height: 28px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    cursor: pointer;
}

a.button-fill-primary-medium {
    font-size: var(--font-size-small);
    color: var(--text-white);
    font-family: var(--font-family-regular);
    background: var(--bg-green);
    padding: 0 15px;
    border-radius: var(--border-radius);
    border: none;
    height: 28px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    cursor: pointer;
}

a.button-fill-primary-large {
    font-size: var(--font-size-medium);
    color: var(--text-white);
    font-family: var(--font-family-SemiBold);
    background: var(--bg-green);
    padding: 0 15px;
    border-radius: var(--border-radius);
    border: none;
    height: 38px;
    line-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    min-width: 90px;
    cursor: pointer;
}

a.button-fill-primary-large.btnimportbooking{
    min-width: max-content;
}

a.button-fill-primary-medium:hover,
a.button-fill-primary-medium:focus,
a.button-fill-primary-medium:active,
a.button-fill-primary-medium:hover,
a.button-fill-primary-medium:focus,
a.button-fill-primary-medium:active,
a.button-fill-primary-large:hover,
a.button-fill-primary-large:focus,
a.button-fill-primary-large:active {
    border: none;
    outline: none;
    box-shadow: none;
    text-decoration: none;
}

a.button-fill-primary-small img,
a.button-fill-primary-medium img,
a.button-fill-primary-large img {
    margin-right: 8px;
}

a.button-fill-primary-large span.eagm-title {
    text-transform: initial;
}


/* Outline */
.button-outline-primary-small {
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);
    border: 1px solid var(--bg-black);
    padding: 15px;
    border-radius: var(--border-radius);
    height: 28px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    background: none;
}

.button-outline-primary-medium {
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);
    border: 1px solid var(--bg-black);
    padding: 15px;
    border-radius: var(--border-radius);
    height: 28px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    background: none;
}

.button-outline-primary-large {
    font-size: var(--font-size-medium);
    color: var(--text-black);
    font-family: var(--font-family-SemiBold);
    border: 1px solid var(--bg-black);
    padding: 15px;
    border-radius: var(--border-radius);
    height: 38px;
    line-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    background: none;
    min-width: 90px;
    cursor: pointer;
}

.button-outline-primary-small:hover,
.button-outline-primary-small:focus,
.button-outline-primary-small:active,
.button-outline-primary-medium:hover,
.button-outline-primary-medium:focus,
.button-outline-primary-medium:active,
.button-outline-primary-large:hover,
.button-outline-primary-large:focus,
.button-outline-primary-large:active {
    border: 1px solid var(--bg-black);
    outline: none;
    box-shadow: none;
    text-decoration: none;
}

.button-outline-primary-small img,
.button-outline-primary-medium img,
.button-outline-primary-large img {
    margin-right: 8px;
}


a.button-outline-primary-small {
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);
    border: 1px solid var(--bg-black);
    padding: 15px;
    border-radius: var(--border-radius);
    height: 28px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    cursor: pointer;
}

a.button-outline-primary-medium {
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);
    border: 1px solid var(--bg-black);
    padding: 15px;
    border-radius: var(--border-radius);
    height: 28px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    cursor: pointer;
}

a.button-outline-primary-large {
    font-size: var(--font-size-medium);
    color: var(--text-black);
    font-family: var(--font-family-SemiBold);
    border: 1px solid var(--bg-black);
    padding: 15px;
    border-radius: var(--border-radius);
    height: 38px;
    line-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    min-width: 90px;
    cursor: pointer;
}

a.button-outline-primary-small:hover,
a.button-outline-primary-small:focus,
a.button-outline-primary-small:active,
a.button-outline-primary-medium:hover,
a.button-outline-primary-medium:focus,
a.button-outline-primary-medium:active,
a.button-outline-primary-large:hover,
a.button-outline-primary-large:focus,
a.button-outline-primary-large:active {
    border: 1px solid var(--bg-black);
    outline: none;
    box-shadow: none;
    text-decoration: none;
}

a.button-outline-primary-small img,
a.button-outline-primary-medium img,
a.button-outline-primary-large img {
    margin-right: 8px;
}

/* Form  */

/* input field */

.form-group {
    /* display: flex;
    flex-flow: column-reverse;
    margin-bottom: 0; */
}

/* .form-group  input {
    height: 50px;
    color: var(--text-black);
    border-radius: var(--border-radius);
    border-color: var(--border-color);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
    -webkit-appearance: none;
    cursor: text;
    border: 1px solid var(--border-color);
    padding: 1.4rem 0.75rem 0.3rem;
  }

.form-group  input::placeholder {
    color: var(--bg-darkgray);
    opacity: 0;
}

.form-group  label, .form-group  input {
    transition: all 0.2s;
    touch-action: manipulation;
}

.form-group  input:focus {
    border-color: var(--border-color);
    outline: none;
    box-shadow: none;
    color: var(--text-black);
  }
  
.form-group  label {
    text-transform: capitalize;
    color: var(--text-darkgray);   
  }

.form-group  input:placeholder-shown + label {
    cursor: text;
    max-width: 66.66%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transform-origin: left bottom;
    transform: translate(0.8rem, 2.4rem) scale(1);
    margin: -6px 0px;
  }

.form-group  input:focus::-webkit-input-placeholder {
    opacity: 0;
  }

.form-group  input:not(:placeholder-shown) + label,
.form-group  input:focus + label {
  transform: translate(0.8rem, 1.7rem) scale(1);
  cursor: pointer;
  margin: -6px 0px;
}

.form-group input[name="title"] {
    font-family: var(--font-family-SemiBold);
    color: var(--text-black);
  } */



.form-group {
    position: relative;
    margin: 0;
}

.form-group:last-child {
    position: relative;
    margin: 0;
}

.form-group label {
    position: absolute;
    top: 6px;
    left: 12px;
    transition: all 0.2s ease-out;
    font-family: var(--font-family-regular);
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
    text-transform: capitalize;
}

.form-group label.dep_last_date , .form-group label.common_label_transform , .modal .modal-dialog .modal-content .modal-header .common_label_transform , .modal .modal-dialog .modal-content .modal-header .common_label_transform {
    text-transform: none;
}

.required label:after {
    content: " *";
    color: red;
}
.required label.common-norequired-label:after{
display: none;
}

.form-group input {
    width: 100%;
    box-sizing: border-box;
    height: 50px;
    color: var(--text-black);
    border-radius: var(--border-radius);
    border-color: var(--border-color);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
    -webkit-appearance: none;
    cursor: text;
    border: 1px solid var(--border-color);
    padding: 1.4rem 0.75rem 0.3rem;
    margin-bottom: 15px !important;
}

.form-group input[name="DynamicModel[Title]"] {
    font-family: var(--font-family-SemiBold);
}

.form-group .floating-input:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid var(--border-color);
    color: var(--text-black);
}

.form-group.label-up label {
    top: 1px;
    left: 12px;
    /* width: 95%; */
    width: calc(100% - 22px);
    background: var(--bg-default);
    line-height: 24px;
    height: 24px;
}

.form-group.focus label {
    font-family: var(--font-family-regular);
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
}

.form-group.focus:after {
    width: 100%;
}

.form-group input[name="Title"],
.form-group input[name="DynamicModel[name]"] {
    font-family: var(--font-family-SemiBold) !important;
    color: var(--text-black);
}

.form-group input:-webkit-autofill,
.form-group input:-webkit-autofill:hover,
.form-group input:-webkit-autofill:focus,
.form-group input:-webkit-autofill:active {
    transition: background-color 9999s ease-in-out 0s;
}

.form-group input:-webkit-autofill,
.form-group input:-webkit-autofill:hover,
.form-group input:-webkit-autofill:focus,
.form-group input:-webkit-autofill:active {
    transition: background-color 9999s ease-in-out 0s;
}

/* input disabled */

.form-group input:disabled,
.form-group input[readonly] {
    background: none;
    cursor: pointer;
}

.form-group.visitor_readonly .select {
    background: rgba(175,175,175,0.3);
    cursor: not-allowed;
}

/* End input disabled */


/* textarea field */

/* .form-group  textarea {
    resize: none;
    color: var(--text-black);
    border-radius: var(--border-radius);
    border-color: var(--border-color);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
    -webkit-appearance: none;
    cursor: text;
    border: 1px solid var(--border-color);
    padding: 1.4rem 0.75rem 0.3rem;
  }

.form-group  textarea::placeholder {
    color: var(--bg-darkgray);
    opacity: 0;
}

.form-group  label, .form-group  textarea {
    transition: all 0.2s;
    touch-action: manipulation;
}

.form-group  textarea:focus {
    border-color: var(--border-color);
    outline: none;
    box-shadow: none;
    color: var(--text-black);
  }
  
.form-group  label {
    text-transform: capitalize;
    color: var(--text-darkgray);   
  }

.form-group  textarea:placeholder-shown + label {
    cursor: text;
    max-width: 66.66%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transform-origin: left bottom;
    transform: translate(0.8rem, 2.4rem) scale(1);
    margin: -6px 0px;
  }

.form-group  textarea:focus::-webkit-textarea-placeholder {
    opacity: 0;
  }

.form-group  textarea:not(:placeholder-shown) + label,
.form-group  textarea:focus + label {
  transform: translate(0.8rem, 1.7rem) scale(1);
  cursor: pointer;
  margin: -6px 0px;
} */


.form-group textarea {
    width: 100%;
    box-sizing: border-box;
    resize: none;
    color: var(--text-black);
    border-radius: var(--border-radius);
    border-color: var(--border-color);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
    -webkit-appearance: none;
    cursor: text;
    border: 1px solid var(--border-color);
    padding: 1.4rem 0.75rem 0.3rem;
    margin-bottom: 15px;
    line-height: 18px;
}


/* textarea disabled */

.form-group textarea:disabled,
.form-group textarea[readonly] {
    background: none;
    cursor: pointer;
}

/* End textarea disabled */


/* selectbox */

.form-group select {
    border: 1px solid var(--border-color);
    width: 100%;
    text-align: left;
    line-height: 1;
    margin: 0 10px;
    /* -webkit-appearance: none;
     -moz-appearance: none;
    text-indent: 1px;
    text-overflow: ''; */
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);

}

.form-group .select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 100%;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    text-align: left;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    white-space: nowrap;
    cursor: pointer;
    box-sizing: border-box;
    height: 50px;
    outline: none;
    text-transform: inherit;
    resize: vertical;
    word-wrap: normal;
    line-height: 1;
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);
    margin-bottom: 15px !important;
}


.form-group .selectbox-blue+.styledSelect {
    /* background-color: #F7F7F7; */
    color: var(--text-black);
    padding: 0px 15px 0 15px;
    line-height: 50px;
    word-wrap: break-word;
    border: none;

}

.form-group .s-hidden {
    visibility: hidden;
    padding-right: 10px;
}


.form-group .styledSelect:active,
.styledSelect.active {
    background-color: transparent;
}

.form-group .select .active {
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);
}

.form-group .styledSelect {
    background-image: url(../images/upgrade-img/selectboxarrow.svg);
    background-repeat: no-repeat;
    background-position: right 15px top 22px;
    border-radius: var(--border-radius);
}

.form-group.start_time_icon .styledSelect{
    background-image: url(../images/upgrade-img/clock_icon.svg);
    background-position: right 15px top 15px;
}

.form-group .styledSelect {
    position: absolute;
    top: 0px;
    color: var(--text-black);
    right: 0;
    bottom: 0;
    left: 0;
    padding: 12px 24px 12px 10px;
    overflow: hidden;
    line-height: 20px;
    padding-right: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form-group.label-up .styledSelect{
    padding: 1.2rem 0.75rem 0.3rem;
}

.form-group.view_selectall_box .styledSelect{
    padding: 0px 15px 0 15px;
}

.form-group .options {
    display: none;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    right: 0;
    left: -1px;
    z-index: 3;
    color: var(--text-black);
    margin: 0 0;
    padding: 0 0;
    list-style: none;
    background-color: var(--bg-default);
    max-height: 200px;
    overflow-y: auto;
    margin-top: -1px;
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
    border-radius: 0 0 5px 5px;
    border: 1px solid var(--border-color);
}

.select2-container--default .select2-results>.select2-results__options{
    background-color: var(--bg-default);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.form-group .select .options {
    max-height: 175px;
    box-shadow: 0px 0px 24px 4px rgba(0, 0, 0, 7%);
    width: 100.25%; /*add width*/
}

.form-group .select .options>li {
    display: block !important;
    word-wrap: break-word;
    margin: 0 0;
    padding: 10px 15px;
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
    line-height: normal;
    text-wrap: wrap;
}

.form-group .select .options>li:hover {
    background-color: var(--bg-lightgray);
    color: var(--text-black);
}


/* End selectbox */

/* Search input field */

.form-group .searchfield {
    position: relative;

}

.form-group .searchfield input {
    height: 50px;
    color: var(--text-black);
    border-radius: var(--border-radius);
    border-color: var(--border-color);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-small);
    padding-right: 40px;
    padding: 0.375rem 0.75rem;

}

.form-group .searchfield input:focus,
.form-group .searchfield input:hover,
.form-group .searchfield input:active {
    border-color: var(--border-color);
    outline: none;
    box-shadow: none;
}

.form-group .searchfield:after {
    position: absolute;
    content: '';
    right: 15px;
    background-image:
        url(../images/upgrade-img/search.svg);
    width: 19px;
    height: 19px;
    top: 15px;
}

.form-group .searchfield input::placeholder {
    color: var(--bg-darkgray);
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);
}


/* End search input field */


/* checkbox field */

.form-group .checkboxes input[type="checkbox"] {
    display: none;
}

.form-group .checkboxes input[type="checkbox"]+label {
    display: block;
    position: relative;
    padding-left: 32px;
    margin-bottom: 20px;
    font-family: var(--font-family-regular);
    color: var(--text-black);
    font-size: var(--font-size-medium);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    transform: inherit;
}

.form-group .checkboxes input[type="checkbox"]+label:last-child {
    margin-bottom: 0;
}

.form-group .checkboxes input[type="checkbox"]+label:before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0px;
    opacity: .6;
    background-image: url(../images/upgrade-img/uncheck.svg);
}


.form-group .checkboxes input[type="checkbox"]+label.invitees:before {
    display: none;
}

.form-group .checkboxes input[type="checkbox"]:checked+label:before {
    width: 22px;
    height: 22px;
    background-image: url(../images/upgrade-img/checked.svg);
    background-repeat: no-repeat;
    top: 0px;
    left: 0px;
    opacity: 1;
    background-size: unset;
    border: none;
}

/* End checkbox field */


/* radio field */

.form-group input[type=radio]:checked,
.form-group input[type=radio]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.form-group input[type=radio]:checked+label,
.form-group input[type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 32px;
    cursor: pointer;
    line-height: 0px;
    display: inline-block;
    color: #666;
    top: -22px;
    left: 0;
}

.form-group input[type=radio]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid var(--bg-green);
    border-radius: 100%;
    background: none;
}

.form-group input[type=radio]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid var(--border-color);
    border-radius: 100%;
    background: none;
}

.form-group input[type=radio]:checked+label:after,
.form-group input[type=radio]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--bg-green);
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;

}

.form-group input[type=radio]:not(:checked)+label:after {
    opacity: 1;
    -webkit-transform: inherit;
    transform: inherit;
    background: var(--border-color);
    border: none;
}

.form-group input[type=radio]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    border: none;
}

.form-group span label {
    position: relative;
    margin: 10px 30px 0 0;
    top: -15px;
    left: 0;
}

input#dynamicmodel-roletype[readonly] { 
    background: var(--bg-lightgray);
}

input#dynamicmodel-text[readonly] { 
    background: var(--bg-lightgray);
}

/* radio field */


/* checkbox field */

.form-group input[type=checkbox]:checked,
.form-group input[type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.form-group input[type=checkbox]:checked+label,
.form-group input[type=checkbox]:not(:checked)+label {
    position: relative;
    padding-left: 42px;
    cursor: pointer;
    line-height: 0px;
    display: inline-block;
    color: #666;
    top: -22px;
    left: 0;
}

.form-group .checkbox-row .checkboxes input[type="checkbox"]:checked+label:before{
    left: 10px;
    top: 0px;
}

.form-group input[type=checkbox]:checked+label:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 20px;
    width: 20px;
    height: 20px;
    border: 2px solid var(--bg-green);
    border-radius: 2px;
    background: none;
}

.form-group input[type=checkbox]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 10px;
    top: 0px;
    width: 20px;
    height: 20px;
    border: 2px solid var(--border-color);
    border-radius: 2px;
    background: none;
}

.form-group span label {
    position: relative;
    margin: 10px 30px 0 0;
    top: -15px;
    left: 0;
}


/*userProfileDetailForm Design*/
.userProfileDetailForm .additionalinfopopupform .form-group .additional_data_input{
    padding-top: 0.3rem;
}

.userProfileDetailForm .userinfopopupform .gender-options .form-group label, #page-right-section .main-content .main-section .profile-gender .gender-options .form-group label{
    position: unset;
    color: var(--text-black);
}

/* .userProfileDetailForm .userinfopopupform .gender-options .form-group span label.dark_text_color, #page-right-section .main-content .main-section .profile-gender .gender-options .form-group span label.dark_text_color{
    color: var(--bg-darkgray);
} */

#page-right-section .main-section .maincontent .leftSecton .tnc_form_group .form-group input[type=checkbox]:not(:checked)+label.dark_text_color, #page-right-section .main-section .maincontent .leftSecton .tnc_form_group .form-group input[type=checkbox]:checked+label.dark_text_color{
    color: var(--text-darkgray);
}

.userProfileDetailForm .userinfopopupform .gender-options .form-group span label.dark_text_color, #page-right-section .main-content .main-section .profile-gender .gender-options .form-group span label.dark_text_color{
    color: var(--text-darkgray);
}

.userProfileDetailForm .userinfopopupform .gender-options .form-group span label , #page-right-section .main-content .main-section .profile-gender .gender-options .form-group span label{
    position: relative;
    top: -20px;
}

#page-right-section .main-section .maincontent .gender-title, #page-right-section .main-section .maincontent .gender-title span{
    font-family: var(--font-family-regular);
    color: var(--bg-darkgray);
}

/*=========User Profile Update Detail=========*/

.form-group.profile-name.divselectcategory label{
    line-height: 18px;
    margin-bottom: 0;
}

.form-group.profile-phone.field-dynamicmodel-emergencycontactno input ,.form-group.profile-name.serviceCategoryLabel input{
    padding: 0.3rem 0.75rem 0.3rem;
}

.form-group.profile-phone.field-dynamicmodel-designationid .select .styledSelect{
    top: 7px;
}

.form-group .select .custom_select_box.s-hidden{
    margin-top: 6px;
}


/* radio field */


/* Date picker field */
.form-group .date {
    position: relative;
}

.form-group .date input {
    border-radius: var(--border-radius) !important;
    position: relative;
    padding: 0.375rem 0.75rem;
}

.form-group .date input::placeholder {
    color: var(--bg-darkgray);
    opacity: 1;
}

.form-group .date .input-group-append {
    display: block;
    width: 100%;
    height: 50px;
    position: absolute;
}

.form-group .date .input-group-append .kv-date-picker {
    position: relative;
    background: url(../images/upgrade-img/date.svg);
    background-repeat: no-repeat;
    background-position: top 50% right 5%;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0px;
    padding: 0;
}

.form-group.add-vechicle .date .input-group-append .kv-date-picker{
    background-position: top 50% right 2%;
}

.form-group .date .input-group-append .input-group-text {
    border: none;
}

.form-group .date .input-group-append .input-group-text i {
    display: none;
}


/* date picker dropdown formatting */
.datepicker table tr td.active:active,.datetimepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,.datetimepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,.datetimepicker table tr td.active.active,.datetimepicker table tr td span.active, .datetimepicker table tr td span.active.active,
.datepicker table tr td.active.highlighted.active,.datetimepicker table tr td.active.highlighted.active {
    color: var(--text-white);
    background-color: var(--bg-green);
    border-color: var(--bg-green);
}

.datepicker table tr td.active.active:hover , .datetimepicker table tr td.active.active:hover , .datetimepicker table tr td span.active.active:hover, .datetimepicker table tr td span.active:hover.active:hover{
    color: var(--text-white);
    background-color: var(--bg-darkgray);
}

/* end date picker dropdown formatting */

/* Date & time picker field */
.form-group .date {
    position: relative;
}

.form-group .date input {
    border-radius: var(--border-radius) !important;
    position: relative;
    padding: 0.375rem 0.75rem;
}

.form-group .date input::placeholder {
    color: var(--bg-darkgray);
    opacity: 1;
}

.form-group .date .input-group-append {
    display: block;
    width: 100%;
    height: 50px;
    position: absolute;
}

.form-group .date .input-group-append .kv-datetime-picker {
    position: relative;
    background: url(../images/upgrade-img/date.svg);
    background-repeat: no-repeat;
    background-position: top 50% right 2%;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0px;
    padding: 0;
}

.form-group .date .input-group-append .input-group-text {
    border: none;
}

.form-group .date .input-group-append .input-group-text i {
    display: none;
}


/* Date & time picker dropdown formatting */

/* End date picker field */

/* toggle switch button */

.toggle-button {
    display: flex;
    align-items: center;
}

.toggle-button.occupant_password_toggle{
    line-height: normal;
}

.toggle-button .switch {
    position: relative;
    display: inline-block;
    width: 37px;
    height: 15px;
    margin: 0;
    padding: 0;
}

.toggle-button .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-button .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--bg-black);
    -webkit-transition: .4s;
    transition: .4s;

}

.toggle-button .slider:before {
    position: absolute;
    content: "";
    height: 23px;
    width: 23px;
    left: -1px;
    bottom: -4px;
    background-color: var(--toggle-switch);
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    box-shadow: 0px 0px 4px -3px #dfdfdf;
}

.toggle-button input:checked+.slider {
    background-color: var(--toggle-switch-active);
}

.toggle-button input:focus+.slider {
    box-shadow: 0px 0px 0px 0px var(--toggle-switch-active-bg);
}

.toggle-button input:checked+.slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
    box-shadow: 0px 0px 4px -3px #dfdfdf;
    background-color: var(--toggle-switch-active-bg);
}

/* New toggle switch */

.toggle-button.custom-switch {
    margin-top: -5px;
}

.toggle-button .custom-control-label {
    cursor: pointer;
}

.toggle-button .custom-control-label::before {
    width: 37px;
    height: 15px;
    background-color: var(--bg-black);
    border: none;
}

.toggle-button .custom-control-label::after {
    width: 23px;
    height: 23px;
    background-color: var(--toggle-switch);
    top: 0;
    border-radius: 50%;
    left: calc(-2.30rem + 0px);
}

.toggle-button .custom-control-input:focus:not(:checked)~.custom-control-label::before {
    box-shadow: none;
    background-color: var(--bg-black);
    border: none;
}

.toggle-button .custom-control-input:checked~.custom-control-label::before {
    box-shadow: none;
    border: none;
    background-color: var(--toggle-switch-active) !important;
}

.toggle-button .custom-switch .custom-control-input:checked~.custom-control-label::after {
    transform: translateX(0.9rem);
    background-color: var(--bg-green) !important;
}

.toggle-button .custom-control-input:not(:disabled):active~.custom-control-label::before {
    background-color: none;
    border: none;
}

/* ENd New toggle switch */


/* Rounded sliders */
.toggle-button .slider.round {
    border-radius: 34px;
}

.toggle-button .slider.round:before {
    border-radius: 50%;
}

/* End Form */

/* table */
.tableContent {
    width: 100%;
    margin-top: 15px;
    position: relative;
    padding-bottom: 50px;
}

.tableContent table {
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
    color: var(--text-black);
    margin-bottom: 0;
}

.tableContent table thead th 
{
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
    color: var(--text-black);
    border-top: none;
    border-bottom: 0.5px solid var(--second-border-color);
    font-weight: bold;
    text-transform: capitalize;
}
.tableContent table thead th.request-on-th{
    position: relative;
}
.tableContent table th.request-on-th a.desc , .tableContent table th.request-on-th a.asc{
    position: static;
}
.tableContent table th.request-on-th a.desc:after , .tableContent table th.request-on-th a.asc:after{
    right: 0;
    transform: unset;
}
.tableContent table thead td {
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
    color: var(--text-black);
    border-top: none;
    border-bottom: 0.5px solid var(--second-border-color);
    font-weight: normal;
    text-transform: capitalize;
}

.tableContent #walllisttabel table thead th:last-child {
    width: 150px;
}

.tableContent #walllisttabel table.eventTblCls thead th:nth-child(2) , .tableContent #walllisttabel table.eventTblCls tbody td:nth-child(2) {
    min-width: 165px;
}

.tableContent #walllisttabel table.pollTblCls thead th:last-child , .tableContent #walllisttabel table.pollTblCls tbody td:last-child {
    width: 90px;
}

.tableContent table.eventTblCls thead th:nth-child(4) , .tableContent table.eventTblCls thead th:nth-child(5), .tableContent table.eventTblCls thead th:nth-child(9), .tableContent table.eventTblCls thead th:last-child{
    min-width: 150px;
}

.tableContent table th,
.tableContent table td {
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
    color: var(--text-black);
    border-top: 0.5px solid var(--second-border-color);
    border-bottom: 0.5px solid var(--second-border-color);
    font-weight: normal;
    max-width: 220px;
    vertical-align: middle;
    line-height: 1.2;
    height: 65px;
}

.tableContent table tr:last-child td {
    border-bottom: none;
}


.tableContent table td .action-icons {
    margin: 10px 0px;
    display: inline-block;
}


.tableContent table td .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 500px;
    border: none;
    line-height: 1.2;
}

.tableContent table td .truncate.poll_list_que_click {
    cursor: pointer;
}

.tableContent .pagination {
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
    color: var(--text-black);
}

.tableContent table th a.asc,
.tableContent table th a.desc,
.tableContent table td a.asc,
.tableContent table td a.desc {
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
    color: var(--text-black);
    text-decoration: none;
    position: relative;

}

.tableContent table th a.asc:after,
.tableContent table td a.asc:after {
    content: '';
    position: absolute;
    right: auto;
    top: 50%;
    background-image: url(../images/upgrade-img/asc.svg) !important;
    width: 12px;
    height: 10px;
    transform: translate(25px, -50%);
}

.tableContent table th a.desc:after,
.tableContent table td a.desc:after {
    content: '';
    position: absolute;
    right: auto;
    top: 50%;
    background-image: url(../images/upgrade-img/dsc.svg) !important;
    width: 12px;
    height: 10px;
    transform: translate(25px, -50%);
}
.tableContent table th.sort-link a{
 position: relative;
}
.tableContent table th.sort-link{
 min-width: 120px;
}
.tableContent table th.sort-link a::after {
    content: '';
    position: absolute;
    right: auto;
    top: 50%;
    background-image: url(../images/upgrade-img/sort-default.svg);
    width: 12px;
    height: 10px;
    transform: translate(25px, -50%);
}
.tableContent table th span,
.tableContent table td span {
    position: relative;
}

.tableContent table td span i,
.tableContent table td span i {
    position: absolute;
    width: 24px;
    height: 24px;
    line-height: 24px;
    color: var(--bg-green);
    text-align: center;
    font-size: var(--font-size-medium);
    font-family: var(--font-family-SemiBold);
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 77%);
    font-style: normal;
}

.tableContent table td span i a {
    font-size: var(--font-size-medium);
    font-family: var(--font-family-SemiBold);
    color: var(--text-white);
    text-decoration: none;
    margin-left: -2px;
}

.tableContent table td span figure {
    margin: 0;
    display: block;
    width: 51px;
    height: 51px;
    border-radius: 50%;
    border: 1px solid var(--border-color);
}

.tableContent table td span figure img.listimg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}

.tableContent table th.strong,
.tableContent table td.strong {
    font-weight: normal;
    font-family: var(--font-family-SemiBold);
    font-size: var(--font-size-medium);
    color: var(--text-black);
    text-align: left;
}

.tableContent table th.strong a,
.tableContent table td.strong a {
    font-family: var(--font-family-SemiBold);
    font-size: var(--font-size-medium);
    color: var(--text-black);
    text-align: left;
    text-decoration: none;
    word-wrap: break-word;
}

.tableContent table td.strong a.doc_details_title{
    display: inline-block;
}

.tableContent table th a,
.tableContent table td a {
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
    color: var(--text-black);
    text-align: left;
    text-decoration: none;
}

#packagelisttabel.tableContent table th:nth-child(2){
    min-width: 85px;
    max-width: 85px;
}

.tableContent .tableBottompagination {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-top: 16px;
    /* margin-bottom: 32px; */
    position: absolute;
    right: 0;
    bottom: 0;
}

.tableContent .tableBottompagination span {
    color: var(--text-darkgray);
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);
    margin: 0 15px;

}

.tableContent .tableBottompagination span select {
    border: none;
    border-bottom: 1px solid #878787;
    width: 45px;
    text-align: center;
    line-height: 1;
    margin: 0 10px;
    /* -webkit-appearance: none;
     -moz-appearance: none;
    text-indent: 1px;
    text-overflow: ''; */

}

#page-right-section .main-section .maincontent .book-sec span.division{
    position: relative;
}

.tableContent table td span.division , #page-right-section .main-section .maincontent .book-sec span.division{
    background-color: var(--border-color);
    height: 15px;
    display: inline-block !important;
    margin: 0 10px 0 10px;
    top: 4px;
    width: 1px !important;
}

.tableContent .tableBottompagination span .select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    color: var(--text-white);
    width: 50px;
    border: none;
    border-bottom: 1px solid #878787;
    text-align: center;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    white-space: nowrap;
    /* background: #fff url(../images/select-arrow.png) right 6px top 18px no-repeat; */
    cursor: pointer;
    box-sizing: border-box;
    height: 20px;
    outline: none;
    padding: 0px 13px;
    text-transform: inherit;
    resize: vertical;
    word-wrap: normal;
    line-height: 1;
    margin: 0 10px;
}


.tableContent .tableBottompagination span .selectbox-blue+.styledSelect {
    /* background-color: #F7F7F7; */
    color: var(--text-black);
    padding: 0px 15px 0 8px;
    line-height: 20px;
    word-wrap: break-word;
    border-radius: 4px;
    border: none;

}

.tableContent .tableBottompagination span .s-hidden {
    visibility: hidden;
    padding-right: 10px;
}


.tableContent .tableBottompagination span .styledSelect:active,
.styledSelect.active {
    background-color: transparent;
}

.tableContent .tableBottompagination span .select .active {
    border-right: 1px solid #e5e5e5;
}

.tableContent .tableBottompagination span .styledSelect {
    /* background-image: url(../images/select-arrow.png); */
    background-repeat: no-repeat;
    background-position: right 6px top 18px;
}

.tableContent .tableBottompagination span .styledSelect {
    position: absolute;
    top: 0px;
    color: var(--text-black);
    right: 0;
    bottom: 0;
    left: 0;
    padding: 12px 10px;
    overflow: hidden;
    line-height: 20px;
}

.tableContent .tableBottompagination span .options {
    display: none;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 3;
    color: var(--text-black);
    margin: 0 0;
    padding: 0 0;
    list-style: none;
    background-color: var(--bg-lightgray);
    /* -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); */
    max-height: 200px;
    overflow-y: auto;
    margin-top: -1px;
    border: none;
    border-top: none;
}

.tableContent .tableBottompagination span .select .options {
    max-height: 175px;
}

.tableContent .tableBottompagination span .select .options>li {
    line-height: 20px;
    display: block !important;
    word-wrap: break-word;
    padding: 0 6px;
    margin: 0 0;
    padding: 3px 7px;
    font-size: 14px;

}

.tableContent .tableBottompagination span .select .options>li:hover {
    background-color: var(--bg-default);
}

.tableContent .tableBottompagination .pagination {
    margin-bottom: 0;
}

.tableContent .tableBottompagination .pagination li .page-link {
    border: none;
    color: var(--text-darkgray);
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);

}

.tableContent .tableBottompagination .pagination li .page-link:hover,
.tableContent .tableBottompagination .pagination li .page-link:active,
.tableContent .tableBottompagination .pagination li .page-link:focus {
    background: none;
    border: none;
    box-shadow: none;
    color: var(--text-black);
}

.tableContent .tableBottompagination .pagination li .page-link.active {
    border: none;
    color: var(--text-black);
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);
}

.tableContent .tableBottompagination .pagination li .page-link.active:hover,
.tableContent .tableBottompagination .pagination li .page-link.active:active,
.tableContent .tableBottompagination .pagination li .page-link.active:focus {
    background: none;
    border: none;
    box-shadow: none;
    color: var(--text-black);
}

.tableContent table thead tr.filters {
    display: none;
}

/* table grid pagination */

.tableContent .tableBottompagination {
    margin-bottom: 0;
}

.tableContent .tableBottompagination li a {
    border: none;
    color: var(--text-darkgray);
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);


}

.tableContent .tableBottompagination li {
    margin: 0 10px;
}

.tableContent .tableBottompagination .pagination li.prev,
.tableContent .tableBottompagination .pagination li.next {
    margin: 0px;
}

.tableContent .tableBottompagination li a:hover,
.tableContent .tableBottompagination li a:active,
.tableContent .tableBottompagination li a:focus {
    background: none;
    border: none;
    box-shadow: none;
    color: var(--text-black);
}

.tableContent .tableBottompagination .pagination li.active {
    margin: 0 10px;
}

.tableContent .tableBottompagination .pagination li.active a {
    border: none;
    color: var(--text-black);
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);
}

.tableContent .tableBottompagination .pagination li.active a:hover,
.tableContent .tableBottompagination .pagination li.active a:active,
.tableContent .tableBottompagination .pagination li.active a:focus {
    background: none;
    border: none;
    box-shadow: none;
    color: var(--text-black);
}

/* End table grid pagination */



/* End table */

/* modalbox  */

/* .modal .modal-dialog .modal-content .modal-header {
    display: none;
} */

.modal .modal-dialog .modal-body {
    padding: 30px;
}

.modal .modal-dialog .modal-body .modalbox-lg .modalboxheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}


.modal .modal-dialog .modal-body .modalbox-lg .modalboxheader .close {
    background: none;
    border: none;
    box-shadow: none;
    outline: none;
    position: relative;
    opacity: 1;
}

.modal .modal-dialog .modal-body .modalbox-lg .modalboxheader .close:hover,
.modal .modal-dialog .modal-body .modalbox-lg .modalboxheader .close:focus,
.modal .modal-dialog .modal-body .modalbox-lg .modalboxheader .close:active {
    background: none;
    border: none;
    box-shadow: none;
    outline: none;
    opacity: 1;
}

.modal .modal-dialog .modal-body .checkbox-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 17px;
    border-bottom: 0.5px solid var(--second-border-color);
    padding-bottom: 17px;
    min-height: 45px;
    line-height: normal;
}

.modal .modal-dialog .modal-body .checkbox-row:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 17px;
    min-height: 45px;
    line-height: normal;
    /* border-bottom: none; */
}

.modal .modal-dialog .modal-body .checkbox-row .invitees_item_box label.invitees {
    color: var(--text-black);
}

.modal .modal-dialog .modal-body .checkbox-row:last-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px;
    line-height: normal;
    border-bottom: none;
}

.modal .modal-dialog .modal-body .checkbox-row span {
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);
    color: var(--text-darkgray);
    position: relative;
    top: 0px !important;
}

.modal .modal-dialog .modal-content {
    border: none !important;
}

.modal .modal-dialog .modal-body .checkbox-row .checkboxes label {
    left: 0;
}

/* Select user for post modalbox */

.selectUsermodalbox .modal .modal-dialog .modal-content .modal-header {
    display: none;
}

.selectUsermodalbox .modal .modal-dialog .modal-body {
    padding: 30px;
}

.selectUsermodalbox .modal .modal-dialog .modal-body .modalbox-lg .modalboxheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}


.selectUsermodalbox .modal .modal-dialog .modal-body .modalbox-lg .modalboxheader .close {
    background: none;
    border: none;
    box-shadow: none;
    outline: none;
    position: relative;
    opacity: 1;
}

.selectUsermodalbox .modal .modal-dialog .modal-body .modalbox-lg .modalboxheader .close:hover,
.selectUsermodalbox .modal .modal-dialog .modal-body .modalbox-lg .modalboxheader .close:focus,
.selectUsermodalbox .modal .modal-dialog .modal-body .modalbox-lg .modalboxheader .close:active {
    background: none;
    border: none;
    box-shadow: none;
    outline: none;
    opacity: 1;
}

.selectUsermodalbox .modal .modal-dialog .modal-body .checkbox-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 16px;
}

.selectUsermodalbox .modal .modal-dialog .modal-body .checkbox-row:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    /* border-bottom: none; */
}

.selectUsermodalbox .modal .modal-dialog .modal-body .checkbox-row:last-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px;
    border-bottom: none;
}

.selectUsermodalbox .modal .modal-dialog .modal-body .checkbox-row span {
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);
    color: var(--text-darkgray);
}

.selectUsermodalbox .modal .modal-dialog .modal-content {
    border: none !important;
}

/* End  Select user for post modalbox */

/* End modalbox */

/* status change */

.status-pending {
    color: var(--status-pending) !important;
}

.status-completed,
.status-delivered,.status-collected,
.status-approved {
    color: var(--status-paid) !important;
}

.status-progress {
    color: var(--status-in-progress) !important;
}

.status-closed {
    color: var(--status-closed) !important;
}

.status-rejected {
    color: var(--status-rejected) !important;
}

.status-rescheduled {
    color: var(--status-rescheduled) !important;
}
.status-assign {
    color: var(--status-assign) !important;
}
.status-reopen {
    color: var(--status-reopen) !important;
}
.status-followup {
    color: var(--status-followup) !important;
}
.status-quoted {
    color: var(--status-quoted) !important;
}
.status-invoice {
    color: var(--status-invoice) !important;
}


/* End status change */


/* Global style */

* {
    margin: 0;
    padding: 0px;
    outline: none;
    box-sizing: border-box;
}


body {
    font-size: var(--font-size-small);
    line-height: 38px;
    font-family: var(--font-family-regular);
    color: var(--text-black);
    margin: 0;
    padding: 0;
    background: var(--bg-default);
}

::placeholder {
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);
    color: var(--text-darkgray);
}

.site-main {
    max-width: 1430px;
    width: 100%;
    margin: 0 auto;
}

a {
    text-decoration: none;
}

.min-w-auto {
    min-width: auto !important;
}


/* error message */

p.help-block-error, #page-right-section .main-section .maincontent .postDetails .service_req_det_accord .card .card-body p.help-block-error, .unit_mappinging_section .help-block, .help-mendatory-upload-error {
    text-align: left;
    padding: 0;
    line-height: normal;
    color: var(--text-error);
    margin: 0;
    position: relative;
    top: -10px;
}

.unit_mappinging_section .list-cell__button {
    line-height: normal;
    padding: 0.75rem 0;
}

.unit_mappinging_section .list-cell__button .multiple-input-list__btn{
    min-width: max-content;
}

.unit_mappinging_section .multiple-input-list__item .form-control:focus{
    border-color: var(--border-color);
}

.unit_mappinging_section .js-input-remove{
    padding: 0 0.75rem;
}

.uploadsection  .browsefile  .upload__btn-box p.help-block-error{
    top: 10px;
}



/* End error message */

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background-color: var(--bg-lightgray);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: var(--bg-green);
}

/* Login page */

.login-page {
    background: transparent url(../images/upgrade-img/login_bg.jpg) !important;
}

.login-page #login-form-section {
    margin: auto;
    border: none;
    min-height: 610px;
    max-height: 610px;
    display: flex;
    background-color: var(--bg-default);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1130px;
}

.login-page #login-form-section .logo-section {
    /* background-image: url(../images/upgrade-img/login_banner.jpg); */
    background-repeat: no-repeat;
    min-height: 610px;
    max-width: 100%;
    min-width: calc(100% - 453px);
    background-size: cover;
    position: relative;
    z-index: 10;
}

.login-page #login-form-section .logo-section::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* background-color: rgba(0,0,0,0.1); */
    z-index: -1;
}

.login-page #login-form-section .logo-section a img {
    width: 122.18px;
    /* height: 66.88px; */
    margin: 25px;
    z-index: 1;
    position: relative;
}

.login-page #login-form-section .login-form {
    max-width: 453px;
    min-width: 453px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 150px 30px;
    box-shadow: 0px 4px 24px 0px rgba(31, 96, 156, 25%);
}

.login-page #login-form-section .login-form h3 {
    text-align: center;
    font-family: var(--font-family-Bold);
}

.login-page #login-form-section .login-form p {
    color: var(--text-darkgray);
    padding: 10px 60px 0;
    line-height: normal;
    text-align: center;
}

.login-page #login-form-section .login-form p.help-block-error {
    text-align: left;
    padding: 0;
    line-height: normal;
    color: var(--text-error);
    margin: 0;
    position: relative;
    top: -10px;
}


.login-page #login-form-section .login-form .login-form-button {
    font-size: var(--font-size-medium);
    color: var(--text-white);
    font-family: var(--font-family-SemiBold);
    background: var(--bg-green);
    padding: 0px;
    border-radius: var(--border-radius);
    border: none;
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    min-width: 100%;
    max-width: 100%;
}

.login-page #login-form-section .login-form .login-form-button input {
    background: none;
    border: none;
    color: var(--text-white);
    font-family: var(--font-family-SemiBold);
    font-size: var(--font-size-medium);
    width: 100%;
}

.login-page #login-form-section .login-form .login-form-button input::placeholder {
    color: var(--text-white);
    font-family: var(--font-family-SemiBold);
    font-size: var(--font-size-medium);
}

.login-page #login-form-section .login-form .forgot-msg-mobile {
    text-align: center;
}

.login-page #login-form-section .login-form .forgot-msg-mobile a:hover {
    text-decoration: none;
    color: var(--text-black);
}

.login-page #login-form-section .login-form .forgot-msg-mobile a span {
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);
    color: var(--text-black);
}


/* End Login page */

/* Forgot page */

.login-page {
    background: transparent url(../images/upgrade-img/login_bg.jpg) !important;
}

.login-page #reset-password-section {
    margin: auto;
    border: none;
    min-height: 610px;
    max-height: 610px;
    display: flex;
    background-color: var(--bg-default);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1130px;
}

.login-page #reset-password-section .logo-section {
    /* background-image: url(../images/upgrade-img/login_banner.jpg); */
    background-repeat: no-repeat;
    min-height: 610px;
    max-width: 100%;
    min-width: calc(100% - 453px);
    background-size: cover;
}

.login-page #reset-password-section .logo-section a img {
    width: 122.18px;
    /* height: 66.88px; */
    margin: 25px;
}

.login-page #reset-password-section .forgot-form {
    max-width: 453px;
    min-width: 453px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 200px 30px;
    box-shadow: 0px 4px 24px 0px rgba(31, 96, 156, 25%);
}

.login-page #reset-password-section .forgot-form h3 {
    text-align: center;
    font-family: var(--font-family-Bold);
}

.login-page #reset-password-section .forgot-form p {
    color: var(--text-darkgray);
    padding: 10px 60px 0;
    line-height: normal;
    text-align: center;
}

.login-page #reset-password-section .forgot-form p.help-block-error {
    text-align: left;
    padding: 0;
    line-height: normal;
    color: var(--text-error);
    margin: 0;
    position: relative;
    top: -10px;
}


.login-page #reset-password-section .forgot-form .forgot-form-button {
    font-size: var(--font-size-medium);
    color: var(--text-white);
    font-family: var(--font-family-SemiBold);
    background: var(--bg-green);
    padding: 0px;
    border-radius: var(--border-radius);
    border: none;
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    min-width: 100%;
    max-width: 100%;
}

.login-page #reset-password-section .forgot-form .forgot-form-button input {
    background: none;
    border: none;
    color: var(--text-white);
    font-family: var(--font-family-SemiBold);
    font-size: var(--font-size-medium);
    width: 100%;
}

.login-page #reset-password-section .forgot-form .forgot-form-button input::placeholder {
    color: var(--text-white);
    font-family: var(--font-family-SemiBold);
    font-size: var(--font-size-medium);
}

.login-page #reset-password-section .forgot-form .breadcrumb-back-button {
    text-align: center;
}

.login-page #reset-password-section .forgot-form .breadcrumb-back-button a {
    text-decoration: underline;
    color: var(--text-link-secondry);
}

.login-page #reset-password-section .forgot-form .breadcrumb-back-button a:hover {
    text-decoration: underline;
    color: var(--text-link-secondry);
}

.login-page #reset-password-section .forgot-form .breadcrumb-back-button a span {
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);
    color: var(--text-link-secondry);
}

.login-page #reset-password-section .forgot-form.setpassowrd-form .reset-password-form-section{
    list-style: normal;
}

.login-page #reset-password-section .forgot-form.setpassowrd-form .reset-password-form-section .user-instruction span{
    display: block;
    text-align: center;
    margin-bottom: 20px;
}


/* End Forgot page */


/* sign up page */
.login-page #reset-password-section .forgot-form.signup_form{
    padding:50px 30px;
    overflow: auto;
}

/* sign up page end*/


/* Left section */


.header-logo-section {
    padding: 11px 15px 8px 15px;
    box-sizing: border-box;
    background-color: var(--bg-default);
    position: relative;
    top: 0;
    z-index: 1;
}

.header-logo-section a img {
    height: 54px;
    display: block;
    -webkit-object-fit: contain;
    object-fit: contain;
    -ms-object-fit: contain;
    -moz-object-fit: contain;
    margin: auto;
}


#page-left-section {
    width: 279px;
    min-height: 100%;
    background-color: var(--bg-lightgray);
    box-sizing: border-box;
    height: 100%;
    position: fixed;
    /* overflow-y: auto; */
}


#page-left-section .navigation-section {
    height: calc(100vh - 73px);
    background-color: var(--bg-lightgray);
    overflow-y: auto;
    min-height: calc(100vh - 73px);
    padding: 10px 0;
}

#page-left-section .navigation-section .primary-nav {
    margin-bottom: 0px;
}

#page-left-section .navigation-section .secondary-nav {
    background: var(--bg-lightgray);
}

#page-left-section .navigation-section .primary-nav ul li a,
#page-left-section .navigation-section .secondary-nav ul li a {
    position: relative;
    font-size: var(--font-size-medium);
    font-family: var(--font-family-regular);
    color: var(--text-black);
    padding: 7px 0px 7px 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

#page-left-section .navigation-section .secondary-nav ul li a {
    font-size: var(--font-size-medium);
    font-family: var(--font-family-regular);
    color: var(--text-black);
    padding: 7px 0px 7px 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

#page-left-section .nav>li>a:hover,
#page-left-section .nav>li>a:focus {
    background: var(--bg-default);
    border-right: 0;
}

#page-left-section .navigation-section .primary-nav ul li,
#page-left-section .navigation-section .primary-nav ul li a,
#page-left-section .navigation-section .secondary-nav ul li,
#page-left-section .navigation-section .secondary-nav ul li a {
    width: 100%;
}

#page-left-section .navigation-section .primary-nav ul li:hover,
#page-left-section .navigation-section .primary-nav ul li:focus,
#page-left-section .navigation-section .primary-nav ul li:active {
    background-color: var(--bg-default);
}

#page-left-section .navigation-section .secondary-nav ul li:hover,
#page-left-section .navigation-section .secondary-nav ul li:focus,
#page-left-section .navigation-section .secondary-nav ul li:active {
    background-color: var(--bg-default);
}

#page-left-section .navigation-section .secondary-nav ul li,
#page-left-section .navigation-section .secondary-nav ul li a {
    width: 100%;
}

#page-left-section .navigation-section .primary-nav ul li a figure,
#page-left-section .navigation-section .secondary-nav ul li a figure {
    width: 38px;
    height: 100%;
    border-radius: 50% !important;
    overflow: hidden;
    margin-right: 10px;
    margin-bottom: 0;
}

#page-left-section .navigation-section .primary-nav ul li a figure{
    width: 42px;
    height: 42px;
    margin-right: 6px;
}

#page-left-section .navigation-section .primary-nav ul li a figure img,
#page-left-section .navigation-section .secondary-nav ul li a figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#page-left-section .nav li.active {
    background: var(--bg-default);
    border-right: 0;
}

#page-left-section nav.primary-nav ul li span {
    font-size: var(--font-size-x-small);
    background-color: var(--bg-green);
    border-radius: 50% !important;
    margin-left: 20px;
    padding: 0px 3px 0 2px;
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;

}

#page-left-section nav.secondary-nav ul li span {
    font-size: var(--font-size-x-small);
    background-color: var(--bg-green);
    border-radius: 50% !important;
    margin-left: 20px;
    padding: 0px 3px 0 2px;
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;

}

#page-left-section .primary-nav i,
#page-left-section .secondary-nav i {
    color: var(--text-white);
    font-style: normal;
    font-family: var(--font-family-regular);
}

#page-left-section .primary-nav ul li a,
#page-left-section .secondary-nav ul li a {
    text-decoration: none;
}

#page-left-section .secondary-nav ul li a:before,
#page-left-section .primary-nav ul li a:before,
#page-left-section .secondary-nav ul li a:before {
    display: none;
}


#page-left-section .primary-nav ul li .favourite,
#page-left-section .secondary-nav ul li .favourite {
    position: relative;
}

/* #page-left-section .primary-nav ul li .favourite .star,  
 #page-left-section .secondary-nav ul li .favourite .star {
    visibility:hidden;
    font-size:30px;
    cursor:pointer;
}
 #page-left-section .primary-nav ul li .favourite .star:before, 
#page-left-section .secondary-nav ul li .favourite .star:before {
   content: "\2605";
   position: absolute;
   visibility:visible;
   top:0;
   right: 20px;
   color: var(--text-favourite);
}
#page-left-section .primary-nav ul li .favourite .star:checked:before, 
#page-left-section .secondary-nav ul li .favourite .star:checked:before {
   content: "\2606";
   position: absolute;
   top:0;
   right: 20px;
   color: var(--bg-darkgray);
} */

#page-left-section .primary-nav ul li .favourite .mark_favourite_menu,
#page-left-section .secondary-nav ul li .favourite .mark_favourite_menu,
#page-left-section .primary-nav ul li .favourite .favourite_menu,
#page-left-section .secondary-nav ul li .favourite .favourite_menu {
    visibility: hidden;
    font-size: 30px;
    cursor: pointer;
}

#page-left-section .primary-nav ul li:hover .favourite .mark_favourite_menu:before,
#page-left-section .secondary-nav ul li:hover .favourite .mark_favourite_menu:before {
    content: "\2606";
    position: absolute;
    visibility: visible;
    top: 0;
    right: 12px;
    color: var(--bg-darkgray);
}


#page-left-section .primary-nav ul li .favourite .favourite_menu:before,
#page-left-section .secondary-nav ul li .favourite .favourite_menu:before {
    content: "\2605";
    position: absolute;
    visibility: visible;
    top: 0;
    right: 12px;
    color: var(--text-favourite);
}

/* Right section */

#page-right-section {
    width: calc(100% - 279px);
    background-color: var(--bg-default);
    box-sizing: border-box;
    float: right;
    padding: 0px;
    position: relative;
}

#mywallfooter,
.mywall-header,
.mywall-header-nav {
    display: none;
}

#page-right-section header {
    position: relative;
    padding: 0px;
    top: 0;
    z-index: 1;
}


#page-right-section header .main-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    padding: 8px 74px 12px;
    align-items: center;
    background-color: var(--bg-lightgray);
}

#page-right-section header .main-header .leftSection {
    margin: 0;
}

#page-right-section header .main-header .rightSection {
    margin: 0;
    display: flex;
    align-items: center;
}

#page-right-section header .main-header .rightSection .notificationblock {
    border-right: 1px solid var(--border-color);
    padding: 0 33px 0 18px;
}

#page-right-section header .main-header .rightSection .notificationblock span {
    border: none;
    background: none;
    box-shadow: none;
    outline: none;
    cursor: pointer;
    position: relative;

}

#page-right-section header .main-header .rightSection .notificationblock span span {
    background-color: var(--bg-green);
    width: 16px;
    height: 16px;
    line-height: 11px;
    text-align: center;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -2px;
    right: -7px;
    outline: 1px solid var(--bg-default);
}

#page-right-section header .main-header .rightSection .notificationblock span span i {
    font-style: normal;
    font-family: var(--font-family-Bold);
    font-size: var(--font-size-xx-small);
    color: var(--text-white);
}

#page-right-section header .main-header .rightSection .settingblock {
    padding-left: 18px;
}

#page-right-section header .main-header .rightSection .settingblock .profile {
    display: flex;
    align-items: center;
}

#page-right-section header .main-header .rightSection .settingblock .profile figure {
    margin: 0 15px;
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
}

#page-right-section header .main-header .rightSection .settingblock .profile figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}

#page-right-section header .main-header .rightSection .settingblock .profile .profileName {
    font-size: var(--font-size-medium);
    font-family: var(--font-family-SemiBold);
    color: var(--text-black);
    margin-top: 0px;
    padding: 0;
}

#page-right-section header .main-header .rightSection .settingblock .profile .profileEmail {
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);
    color: var(--text-darkgray);
    margin-bottom: 15px;
    padding: 0;
    line-height: 0;
}

#page-right-section header .main-header .rightSection .settingblock .profile .dropdown .profileName{
    line-height: normal;
    margin-top: 8px;
}

#page-right-section header .main-header .rightSection .settingblock .profile .dropdown .profileEmail{
    line-height: normal;
    word-break: break-all;
    margin-bottom: 0;
}

#page-right-section header .main-header .rightSection .settingblock .dropdown .dropdown-menu {
    padding: 0px 20px 15px;
    border-radius: var(--border-radius);
    min-width: 196px;
    box-shadow: 1px 3px 4px var(--bg-lightgray);
    left: 38px !important;
    top: 3px !important;
    background: var(--bg-default);
}

#page-right-section header .main-header .rightSection .settingblock .dropdown .dropdown-menu::before {
    content: '';
    position: absolute;
    border-top: 10px solid #fff;
    border-left: 10px transparent;
    border-right: 10px solid transparent;
    transform: rotate(45deg);
    right: 53px;
    top: -5px;
    box-shadow: -1px -1px 2px -1px var(--bg-darkgray);
}

#page-right-section header .main-header .rightSection .settingblock .dropdown .dropdown-toggle::after {
    display: none;
}

#page-right-section header .main-header .rightSection .settingblock .dropdown .dropdown-menu ul {
    border-top: 1px solid var(--border-color);
    margin-top: 14px;
    padding-top: 14px;

}

#page-right-section .main-section .maincontent .rightSecton #userpermission{
    list-style: none;
}

#page-right-section header .main-header .rightSection .settingblock .dropdown .dropdown-menu ul li {
    list-style: none;
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
}

#page-right-section header .main-header .rightSection .settingblock .dropdown .dropdown-menu ul li a {
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
    text-decoration: none;
}

#page-right-section header .main-header .rightSection .settingblock .dropdown .dropdown-menu .button-fill-primary-medium {
    width: 100%;
}

#page-right-section header .main-header .rightSection .settingblock .dropdown .dropdown-menu .button-fill-primary-medium img {
    margin-right: 5px;
}

#page-right-section .main-content {
    overflow: auto;
    min-height: calc(100vh - 80px);
    height: calc(100vh - 80px);
}


#page-right-section .sub-header {
    width: 100%;
    padding: 0px 74px 0;

}

#page-right-section .tabNavbar {
    margin: 0;
}

#page-right-section .tabNavbar .tabHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 16px 0;
    border-bottom: 0.5px solid var(--second-border-color);
    max-height: 75px;
    min-height: 75px;
}

#page-right-section .tabNavbar.approval .tabHeader.approv{
    max-height: none;
}


#page-right-section .tabNavbar .nav-tabs , .inner_box_tabs .tabHeader .nav-tabs{
    border: none;
    display: flex;
    justify-content: left;
    align-items: baseline;
}

#page-right-section .tabNavbar .nav-tabs .nav-item {
    padding: 16px 0 2px
}

#page-right-section .tabNavbar .nav-tabs .nav-item a , .inner_box_tabs .tabHeader .nav-tabs .nav-item a{
    color: var(--text-black);
    font-size: var(--font-size-medium);
    text-align: center;
    font-family: var(--font-family-SemiBold);
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 40px;
}
.inner_box_tabs .tabHeader .nav-tabs .nav-item a{
    position: relative;
}

.inner_box_tabs .tabHeader .nav-tabs .nav-item a.active::after {
    position: absolute;
    content: '';
    height: 2px;
    width: 100%;
    background-color: var(--bg-green);
    left: auto;
    border-radius: 50px;
    bottom: 3px;
}

#page-right-section .tabNavbar .nav-tabs .nav-item:last-child a {
    padding: 0 0px 0 40px;
}

#page-right-section .tabNavbar.tabNavbar_spacing .nav-tabs .nav-item:last-child a , .inner_box_tabs .tabHeader .nav-tabs .nav-item a{
    padding: 0;
}

#page-right-section .tabNavbar .nav-tabs .nav-item a:hover , .inner_box_tabs .tabHeader .nav-tabs .nav-item a:hover{
    color: var(--text-green);
}

#page-right-section .tabNavbar .nav-tabs .nav-item a.active , .inner_box_tabs .tabHeader .nav-tabs .nav-item a.active {
    color: var(--text-green);
}

#page-right-section .tabNavbar .nav-tabs .nav-item a.neighbourhood-chat-icon{
    height: 21px;
}


#page-right-section .tabNavbar .nav-tabs .nav-item a:hover img {
    filter: invert(95%) sepia(4%) saturate(4788%) hue-rotate(54deg) brightness(78%) contrast(81%);
    cursor: pointer;
}

#page-right-section .tabNavbar .nav-tabs .nav-item a.active img {
    filter: invert(95%) sepia(4%) saturate(4788%) hue-rotate(54deg) brightness(78%) contrast(81%);
    cursor: pointer;

}

#page-right-section .tab-content {
    margin: 0;
    padding: 30px 0px 0;
}

#page-right-section .tab-content > .active a.button-fill-primary-large{
    display: block;
    width: -webkit-fill-available;
    max-width: max-content;
    text-align: center;
}

#page-right-section .tab-content .bottom-strip a.button-fill-primary-large{
    display: block;
    width: -webkit-fill-available;
    max-width: max-content;
    text-align: center;
}

#page-right-section .tab-content .occupent a.button-fill-primary-large{
    width: max-content;
    max-width: max-content;
    text-align: center;
}

#page-right-section .tab-content .occupent a.button-fill-primary-large.create-visitor-pass-btn{
    margin-left: 0 !important;
}

#page-right-section .searchbar,
.condolistPage .condolistHeader .searchbar {
    position: relative;
}

#page-right-section .tabNavbar .searchbar .searchbox {
    position: relative;
    padding-right: 35px;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    height: 40px;
    width: 239px;
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);
}

#page-right-section .tabNavbar .searchbar .searchbox#facilitysearchtext {
    width: 115px !important;
}
.slot.lightgrey, .slot.lightgrey span {
    background: #d3d3d3;
    color: white;
}
#page-right-section .tab-content .searchbar .searchbox:hover,
#page-right-section .tab-content .searchbar .searchbox:active,
#page-right-section .tab-content .searchbar .searchbox:focus {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    outline: none;
    box-shadow: none;
}

#page-right-section .tabNavbar .tab-content .searchbar::after {
    position: absolute;
    content: '';
    right: 6px;
    background-image: url(../images/upgrade-img/search-new.svg);
    background-repeat: no-repeat;
    background-size: 13px 13px;
    top: 14px;
}

#page-right-section .tabNavbar .tab-content .searchbar .searchbox::placeholder {
    color: var(--bg-darkgray);
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);
}

#page-right-section .searchbar input:focus,
.condolistPage .condolistHeader .searchbar input:focus {
    box-shadow: none;
    border: 1px solid var(--border-color);
}

#page-right-section .searchbar::after,
.condolistPage .condolistHeader .searchbar::after {
    position: absolute;
    content: '';
    right: 6px;
    background-image: url(../images/upgrade-img/search-new.svg);
    width: 19px;
    height: 19px;
    background-repeat: no-repeat;
    background-size: 13px 13px;
    top: 14px;
}

#page-right-section .searchbar .searchbox , .condolistPage .condolistHeader .searchbar .searchbox{
    padding-right: 35px;
}

#page-right-section .searchbar .searchbox::placeholder,
.condolistPage .condolistHeader .searchbar .searchbox::placeholder {
    color: var(--bg-darkgray);
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);
}


/* Post Edit page  */

#page-right-section .main-section {
    width: 100%;
    padding: 35px 74px 0;
    margin-bottom: 20px;
}

#page-right-section .main-section .innerHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.5px solid var(--second-border-color);
    padding-bottom: 16px;
}

#page-right-section .main-section .innerHeader .backsection,
#page-right-section .tabNavbar .tabHeader .backsection {
    position: relative;
}

#page-right-section .main-section .innerHeader .backsection h3,
#page-right-section .tabNavbar .tabHeader .backsection h3 {
    margin-left: 10px;
}

#page-right-section .main-section .innerHeader .backsection span,
#page-right-section .tabNavbar .tabHeader .backsection span {
    margin-left: 25px;
    color: var(--text-darkgray);
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);
    position: absolute;
    top: -25px;
    width: 475px;

}

#page-right-section .tabNavbar .tabHeader .backsection span.common_back_subtitle{
    margin-left: 36px;
}

#page-right-section .main-section .innerHeader .backsection span{
    margin-left: 36px;
}

#page-right-section .main-section .innerHeader .backsection a , #page-right-section .sub-header .backsection a{
    margin-right: 5px;
    width: 20px;
}


#page-right-section .main-section .maincontent .leftSecton .service_request_web_slider .carousel .carousel-inner{
    border-radius: var(--border-radius);
}

#page-right-section .main-section .maincontent .leftSecton .service_request_web_slider .carousel .carousel-indicators{
    margin-right: 42%;
    margin-left: 42%;
    padding: 5px 5px;
    background: var(--bg-default);
    border-radius: 35px;
    align-items: center;
}

#page-right-section .main-section .maincontent .leftSecton .service_request_web_slider .carousel .carousel-indicators li{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border-top: none;
    border-bottom: none;
    background: var(--bg-darkgray);
}

#page-right-section .main-section .maincontent .leftSecton .service_request_web_slider .carousel .carousel-indicators li.active{
    width: 30px;
    height: 12px;
    border-radius: 17px;
    background: var(--bg-green);
}

#page-right-section .main-section .maincontent .leftSecton .service_request_web_slider .carousel .carousel-inner .carousel-item{
    height: 176px;
}

#page-right-section .main-section .maincontent .leftSecton .service_request_web_slider .carousel .carousel-inner .carousel-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#page-right-section .main-section .maincontent .leftSecton .date_box{
    font-size: var(--font-size-small);
    font-family: var(--font-family-SemiBold);
    line-height: normal;
}

#page-right-section .main-section .maincontent .leftSecton .about_me_para{
    color: var(--text-darkgray);
    line-height: 18px;
}

#page-right-section .main-section .maincontent .leftSecton .about_title{
    color: var(--text-darkgray);
}

#page-right-section .main-section .maincontent .rightSecton h4{
    /* color: var(--text-darkgray); */
}

#page-right-section .main-section .maincontent .rightSecton p{
    font-size: var(--font-size-small);
    line-height: 18px;
    word-wrap: break-word;
}

#page-right-section .main-section .maincontent .rightSecton p.right_pata_text{
    color: var(--text-darkgray);
}

#page-right-section .main-section .maincontent .rightSecton p.help-block-error{
    color: var(--text-error);
}

#page-right-section .main-section .maincontent .rightSecton .notification-detail .left-check span{
    display: inline-block;
    min-width: 50px;
    height: 50px;
    line-height: 44px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid var( --text-green);
    margin-right: 15px;
}

#page-right-section .main-section .maincontent .rightSecton .notification-detail .left-check span.dsek_days_span{
    border-radius: 0;
    border: none;
    line-height: 20px;
    text-align: left;
}

#page-right-section .main-section .maincontent .rightSecton .notification-detail .left-check span.dsek_days_span{
    border-radius: 0;
    border: none;
    line-height: 20px;
    text-align: left;
}

#page-right-section .main-section .maincontent .rightSecton .notification-detail .left-check p span.work_n_days{
    border-radius: 0;
    border: none;
    line-height: initial;
    text-align: left;
}

#page-right-section .main-section .maincontent .rightSecton .notification-detail .left-check p{
    line-height: 18px;
    margin-bottom: 0;
}

#page-right-section .main-section .maincontent .rightSecton .notification-detail .left-check p a{
    color: var(--text-black);
}

#page-right-section .main-section .maincontent .details_heading_imgBox{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

#page-right-section .main-section .maincontent .uploadsection .browsefile .form-group .uplodaedfile .preview-zone .box .box-header .star-radio{
    position: relative;
}

#page-right-section .main-section .maincontent .uploadsection .browsefile .form-group .uplodaedfile .preview-zone .box .box-header .star-radio input {
    width: auto;
    left: 2px;
    height: auto;
    padding: 6px;
    top: 3px;
    margin: 0 !important;
    border: none;
    cursor: pointer;
}

#page-right-section .main-section .maincontent .uploadsection .browsefile .form-group .uplodaedfile .preview-zone .box .box-header .star-radio span.fa-star-o {
    font: normal normal normal 20px/1 FontAwesome;
    color: var(--text-darkgray);
    margin-right: 10px;
}

#page-right-section .main-section .maincontent .uploadsection .browsefile .form-group .uplodaedfile .preview-zone .box .box-header .star-radio span.fa-star {
    font: normal normal normal 20px/1 FontAwesome;
    color: var(--text-favourite);
    margin-right: 10px;
}

#page-right-section .main-section .maincontent .details_heading_imgBox .details_heading_content{
    width: 79%;
}

#page-right-section .main-section .maincontent .details_heading_imgBox .details_heading_content h4 , #page-right-section .main-section .maincontent .details_heading_content h4{
    font-size: var(--font-size-medium-large);
}

#page-right-section .main-section .maincontent .details_heading_imgBox .details_heading_content.booking_fee_lbox{
    width: 65%;
}

#page-right-section .main-section .maincontent .details_heading_imgBox .deposit{
    line-height: 18px;
    display: flex;
    justify-content: end;
    width: 34%;
    font-size: var(--font-size-medium);
    color: var(--text-black);
    font-family: var(--font-family-SemiBold);
}

#page-right-section .main-section .maincontent .details_heading_imgBox .details_heading_content h4{
    margin-bottom: 0;
}

#page-right-section .main-section .maincontent .details_heading_imgBox .details_heading_content p, #page-right-section .main-section .maincontent .leftSecton .leftsecton_para{
    color: var(--text-darkgray);
    line-height: 18px;
}

#page-right-section .main-section .maincontent .details_heading_imgBox img{
    width: 20%;
}

#page-right-section .main-section .maincontent .postDetails .service_req_det_accord .card .card-header{
    background: var(--bg-default);
    border-bottom: none;
    position: relative;
    padding: 0;
}

#page-right-section .main-section .maincontent .postDetails.amenityCardBox .service_req_det_accord .card .card-header h5 a{
    text-decoration: none;
    display: block;
}

#page-right-section .main-section .maincontent .postDetails.amenityCardBox .service_req_det_accord .card .card-header h5 a p{
    margin-bottom: 0;
    font-family: var(--font-family-SemiBold);
    color: var(--text-black);
    text-align: left;
    padding-right: 20px;
}

#page-right-section .main-section .maincontent .postDetails .service_req_det_accord .card{
    margin-bottom: 15px;
    box-shadow: none;
    border: 1px solid var(--border-color);
    border-radius : var( --border-radius); 
}

#page-right-section .main-section .maincontent .postDetails .service_req_det_accord .card .card-header img{
    position: absolute;
    right: 0px;
    top: 10px;
    cursor: pointer;
}

#page-right-section .main-section .maincontent .postDetails .service_req_det_accord .card .card-header h5 button{
    padding: 0;
    width: 98%;
    text-align: left;
}

#page-right-section .main-section .maincontent .postDetails h4{
    color: var(--text-darkgray);
}

#page-right-section .main-section .maincontent .postDetails .service_req_det_accord .card .card-header h5 button p{
    margin: 0;
    font-weight: 600;
}

#page-right-section .main-section .maincontent .postDetails .service_req_det_accord .card .card-body{
    padding: 0;
}

#page-right-section .main-section .maincontent .postDetails .service_req_det_accord .card .card-body .serReq_iPlusSer_contBox .serReq_iPlusSer_innerBox p img{
    float: right;
    margin: 5px 0 5px 5px;
    border-radius: var(--border-radius);
    width: 100px;
    height: 90px;
}

#page-right-section .main-section .maincontent .postDetails .service_req_det_accord .card .card-body p{
    margin-bottom: 0;
    line-height: 22px;
    color: var(--text-darkgray);
}

#page-right-section .main-section .maincontent .postDetails .service_req_det_accord .card .card-body p:first-child{
    font-size: var(--font-size-medium);
    font-weight: 600;
    color: var(--text-black);
}

/* #page-right-section .tab-content .tableContent table th, .tableContent table td.noticesImagethumb {
    min-width: 150px;
    max-width: 150px;
} */

/* Main content Section */


#page-right-section .main-section .maincontent {
    margin-top: 28px;
}


/* file upload section */
#page-right-section .uploadsection {
    width: 100%;
    margin: 15px 0 25px;
}

#page-right-section .imageuploaddiv codered{
    color: var(--text-darkgray);
    font-size: var(--font-size-x-small);
}

#page-right-section .uploadsection .browsefile .form-group {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-flow: inherit;
}

#page-right-section .uploadsection .browsefile .form-group span {
    color: var(--bg-darkgray);
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);
    text-align: center;
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    text-transform: capitalize;
}

#page-right-section .uploadsection .browsefile .form-group a {
    padding: 0;
    margin: 10px auto 0;
    width: 102px;
}

#page-right-section .uploadsection .browsefile .form-group .box {
    position: relative;
    background: var(--bg-default);
    width: 100%;
}

#page-right-section .uploadsection .browsefile .form-group .dropzone-wrapper {
    position: relative;
    height: 193px;
    width: 50%;
    background-color: var(--file-browse-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: var(--border-radius);
    border: 1px dashed var(--border-color);
    cursor: pointer;
}

#page-right-section .uploadsection .browsefile .form-group .dropzone-wrapper .dropzone {
    height: 100%;
    background-color: var(--file-browse-bg);
    position: absolute;
    left: 0;
    top: 0;
}

#page-right-section .uploadsection .browsefile .form-group .dropzone-desc {
    margin: 0 auto 10px;
    text-align: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

#page-right-section .uploadsection .browsefile .form-group .dropzone-desc label {
    position: relative;
    left: 0;
    top: 0;
    margin: 0px auto 0;
    width: 100%;
    height: 100%;
    padding-top: 20px;
}

#page-right-section .uploadsection .browsefile .form-group .dropzone-desc img {
    margin-bottom: 15px;
}

#page-right-section .uploadsection .browsefile .form-group .dropzone,
#page-right-section .uploadsection .browsefile .form-group .dropzone:focus {
    position: absolute;
    outline: none !important;
    width: 100%;
    height: 150px;
    cursor: pointer;
    opacity: 0;
}

#page-right-section .uploadsection .browsefile .form-group .dropzone-wrapper:hover,
#page-right-section .uploadsection .browsefile .form-group .dropzone-wrapper.dragover {
    background-color: var(--file-browse-bg);
}

#page-right-section .uploadsection .browsefile .form-group .preview-zone {
    text-align: center;
    margin-bottom: 5px;
}

#page-right-section .uploadsection .browsefile .form-group .uplodaedfile {
    width: 50%;
    margin-left: 15px;
    max-height: 200px;
    overflow: auto;
    padding-right: 10px;
}

#page-right-section .uploadsection .browsefile .form-group .uplodaedfile .preview-zone .box {
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
}

#page-right-section .uploadsection .browsefile .form-group .uplodaedfile .preview-zone .box .box-header , .sinu_up_pdf_box  .uplodaedfile .box-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 95%;
}

.sinu_up_pdf_box .uplodaedfile .box-header{
    width: 100%;
}

#page-right-section .uploadsection .browsefile .form-group .uplodaedfile .preview-zone .box .box-header img , .sinu_up_pdf_box .uplodaedfile .box-header img {
    cursor: pointer;
}

#page-right-section .uploadsection .browsefile .form-group .uplodaedfile .preview-zone .box .box-header .box-body , .sinu_up_pdf_box .uplodaedfile .box-header .box-body{
    width: 100%;
    display: flex;
    align-items: center;
}

#page-right-section .uploadsection .browsefile .form-group .uplodaedfile .preview-zone .box .box-header .box-body p , .sinu_up_pdf_box .uplodaedfile .box-header .box-body p{
    margin-bottom: 0;
    margin-left: 15px;
    font-family: var(--font-family-regular);
    color: var(--text-black);
    font-size: var(--font-size-medium);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-width: 185px;
    border: none;
    line-height: 1.5;
    word-wrap: break-word;
    text-align: left;
}

#page-right-section .uploadsection .browsefile .form-group .uplodaedfile .preview-zone .box .box-header .box-body figure , .sinu_up_pdf_box .uplodaedfile .box-header .box-body figure{
    min-width: 61px;
    max-width: 61px;
    max-height: 61px;
    min-height: 61px;
    border-radius: var(--border-radius);
    object-fit: contain;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;

}

.sinu_up_pdf_box .uplodaedfile .box-header .box-body figure{
    justify-content: flex-start;
}

#page-right-section .uploadsection .browsefile .form-group .uplodaedfile .preview-zone .box .box-header .box-body img , .sinu_up_pdf_box .uplodaedfile .box-header .box-body img{
    min-width: 40px;
    max-width: 61px;
    max-height: 61px;
    min-height: 42px;
    border-radius: var(--border-radius);
    object-fit: contain;
}

#page-right-section .uploadsection .browsefile .form-group .box-tools button.remove-preview {
    background: none;
    border: none;
    width: auto;
    margin-top: 0;
    cursor: pointer;
}

/* file upload section */


/* settings */
#page-right-section .main-section .maincontent .rightSecton {
    padding-left: 100px;
}

#page-right-section .main-section .maincontent .rightSecton .mainblock {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    padding: 15px;
    width: 100%;
}

#page-right-section .main-section .maincontent .rightSecton .mainblock .contentblock span , #page-right-section .main-section .maincontent .rightSecton .no_of_attendeesBox .field .count span{
    font-size: var(--font-size-medium);
    color: var(--text-black);
    font-family: var(--font-family-regular);
    position: relative;
    top: 0px;
    line-height: normal;
    display: block;
}

#page-right-section .main-section .maincontent .rightSecton .mainblock .contentblock span.selectedUser {
    color: var(--text-darkgray);
    text-decoration: underline;
    position: relative;
    top: 10px;
}

#page-right-section .main-section .maincontent .rightSecton .mainblock .contentblock .field, #page-right-section .main-section .maincontent .rightSecton .no_of_attendeesBox .field {
    display: flex;
    align-items: center;
}

#page-right-section .main-section .maincontent .rightSecton .no_of_attendeesBox .field .count {
    background: var(--bg-count-color);
}


#page-right-section .main-section .maincontent .rightSecton .mainblock .contentblock .field .count , #page-right-section .main-section .maincontent .rightSecton .no_of_attendeesBox .field .count{
    display: flex;
    align-items: center;
    font-size: var(--font-size-medium);
    color: var(--text-black);
    font-family: var(--font-family-regular);
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    padding: 0px;
    width: 119px;
    margin-right: 15px;
}

#page-right-section .main-section .maincontent .rightSecton .no_of_attendeesBox .no_of_Att_lBox .form-group input{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

#page-right-section .main-section .maincontent .rightSecton .no_of_attendeesBox .field .count{
    margin-bottom: 15px;
    height: 50px;
    width: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}

#page-right-section .main-section .maincontent .rightSecton .no_of_attendeesBox .no_of_Att_lBox {
    width: 75%;
}

#page-right-section .main-section .maincontent .rightSecton .no_of_attendeesBox .field{
    width: 25%;
}


#page-right-section .main-section .maincontent .rightSecton .mainblock .contentblock .field .count span , #page-right-section .main-section .maincontent .rightSecton .no_of_attendeesBox .field .count span{
    font-size: var(--font-size-medium);
    color: var(--text-black);
    font-family: var(--font-family-regular);
    padding: 0 5px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    position: relative;
    top: 0;
}

#page-right-section .main-section .maincontent .rightSecton .no_of_attendeesBox .field .count input[type=number]{
    background: transparent;
}

#page-right-section .main-section .maincontent .rightSecton .mainblock .contentblock .field .count input[type=number]::-webkit-inner-spin-button ,#page-right-section .main-section .maincontent .rightSecton .no_of_attendeesBox .field .count input[type=number]::-webkit-inner-spin-button{
    -webkit-appearance: none;

}

#page-right-section .main-section .maincontent .rightSecton .mainblock .contentblock .field .count input[type=number] ,#page-right-section .main-section .maincontent .rightSecton .no_of_attendeesBox .field .count input[type=number]{
    border: none;
    outline: none;
    box-shadow: none;
    display: block;
    width: 100%;
    text-align: center;
    font-family: var(--font-family-SemiBold);
}

#page-right-section .main-section .maincontent .rightSecton .mainblock .contentblock .field .count input[type=number]:focus,
#page-right-section .main-section .maincontent .rightSecton .mainblock .contentblock .field .count input[type=number]:active {
    border: none;
    outline: none;
    box-shadow: none;
}

#page-right-section .main-section .maincontent .rightSecton .mainblock .contentblock #selectInvities {
    font-size: var(--font-size-medium);
    color: var(--text-white);
    font-family: var(--font-family-SemiBold);
    background: var(--bg-green);
    padding: 0px;
    border-radius: var(--border-radius);
    border: none;
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    width: 100%;
    max-width: 150px;
    cursor: pointer;
    text-align: center;
}

#page-right-section .main-section .maincontent .rightSecton .mainblock .contentblock .select-to-share::placeholder {
    color: var(--text-white);
    font-family: var(--font-family-SemiBold);
    font-size: var(--font-size-medium);
    text-align: center;
}

#page-right-section .main-section .maincontent .rightSecton .mainblock .contentblock .select-to-share:focus,
#page-right-section .main-section .maincontent .rightSecton .mainblock .contentblock .select-to-share:hover,
#page-right-section .main-section .maincontent .rightSecton .mainblock .contentblock .select-to-share:active {
    box-shadow: none;
    outline: none;
    border: none;
}

/* End settings */

/* End Post Edit page  */

/* Post detail page  */

#page-right-section .main-section .maincontent .postDetails .card {
    padding: 20px 30px;
    border-radius: var(--border-radius);
    box-shadow: 0px 0px 24px 4px rgba(0, 0, 0, 7%);
    /* max-width: 726px; */
    width: 100%;
}

#page-right-section .main-section .maincontent .postDetails .card .cardheader {
    display: flex;
    align-items: baseline;
    margin-bottom: 20px;
    justify-content: space-between;
}

#page-right-section .main-section .maincontent .postDetails .card .cardheader h4 {
    margin-bottom: 0;
    padding-right: 130px;
    margin-bottom: 0;
    width: 60%;
}

#page-right-section .main-section .maincontent .mywall-postdetail .postDetails .card .cardheader{
    justify-content: flex-start;
    gap: 2px;
}

#page-right-section .main-section .maincontent .mywall-postdetail .postDetails .card .cardheader h4{
    width: 65%;
    padding-right: 0;
}

#page-right-section .main-section .maincontent .postDetails .card .cardheader span {
    color: var(--text-darkgray);
    font-weight: normal;
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);

}

#page-right-section .main-section .maincontent .postDetails .card .cardheader a {
    color: var(--text-link-secondary);
    font-weight: normal;
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);
    margin-right: 5px;
    text-decoration: none;
}

#page-right-section .main-section .maincontent .postDetails .card .cardheader i {
    color: var(--text-darkgray);
    font-weight: normal;
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);
    margin-left: 5px;
    font-style: normal;
}

#page-right-section .main-section .maincontent .postDetails .card .cardbody figure {
    margin-bottom: 0;
    max-height: 500px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

#page-right-section .main-section .maincontent .page-detailpost .postDetails .card.wall_post .cardbody figure{
    overflow: unset;
}

#page-right-section .main-section .maincontent .postDetails .card .cardbody figure img {
    max-height: 500px;
    width: 100%;
}

#page-right-section .main-section .maincontent .page-detailpost .postDetails .card.wall_post .cardbody figure{
    line-height: normal;
    right: -10px;
} 

#page-right-section .main-section .maincontent .postDetails .card .cardbody p {
    color: var(--text-black);
    font-size: var(--font-size-medium);
    font-family: var(--font-family-regular);
    line-height: normal;
    margin: 15px 0;
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter ul li {
    margin-right: 20px;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter ul li img {
    margin-right: 5px;
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter ul li span {
    color: var(--text-darkgray);
    font-size: var(--font-size-medium);
    font-family: var(--font-family-regular);
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter ul li button.like {
    color: var(--text-darkgray);
    font-size: var(--font-size-medium);
    font-family: var(--font-family-regular);
    border: none;
    outline: none;
    box-shadow: none;
    background: none;

}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter ul li button.liked {
    color: var(--text-black);
    font-size: var(--font-size-medium);
    font-family: var(--font-family-regular);
    border: none;
    outline: none;
    box-shadow: none;
    background: none;
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter ul li button.like,
#page-right-section .main-section .maincontent .postDetails .card .cardfooter ul li button.like,
#page-right-section .main-section .maincontent .postDetails .card .cardfooter ul li button.like,
#page-right-section .main-section .maincontent .postDetails .card .cardfooter ul li button.liked,
#page-right-section .main-section .maincontent .postDetails .card .cardfooter ul li button.liked,
#page-right-section .main-section .maincontent .postDetails .card .cardfooter ul li button.liked {
    border: none;
    outline: none;
    box-shadow: none;
    background: none;
}



#page-right-section .main-section .maincontent .postDetails .card .cardfooter .commentbox {
    position: relative;
    padding: 0;
    background: none;
    display: flex;
    place-items: center;
    width: 100%;
    bottom: 0;
    box-shadow: none;
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter .commentbox div#reply-message-form .commentfileds {
    display: flex;
    align-items: center;
    position: relative;
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter .commentbox div#reply-message-form {
    width: 100%;
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter .commentbox div#reply-message-form .commentfileds textarea.messageInput {
    width: 100%;
    box-sizing: border-box;
    color: var(--text-black);
    border-radius: var(--border-radius);
    border-color: var(--border-color);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
    -webkit-appearance: none;
    cursor: text;
    border: 1px solid var(--border-color);
    padding: 22px 70px 5px 12px;
    resize: none;
    min-height: 63px;
    overflow: auto;
    max-height: 300px;
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter .commentbox div#reply-message-form .commentfileds textarea.messageInput::placeholder {
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-small);

}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter .commentbox div#reply-message-form .commentfileds textarea.messageInput:hover,
#page-right-section .main-section .maincontent .postDetails .card .cardfooter .commentbox div#reply-message-form .commentfileds textarea.messageInput:focus,
#page-right-section .main-section .maincontent .postDetails .card .cardfooter .commentbox div#reply-message-form .commentfileds textarea.messageInput:active {
    outline: none;
    box-shadow: none;
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter .commentbox div#reply-message-form .commentfileds button.attach {
    height: 50px;
    width: 75px;
    position: absolute;
    top: auto;
    right: 66px;
    background: none;
    border: none;
    outline: none;
    border-right: 1px solid var(--border-color);
    margin-right: 15px;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBottom form#reply-message-form .chatfileds button.attach #request_reply_img {
    margin: 0 15px;
    display: block;
    width: 38px;
    height: 38px;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBottom form#reply-message-form .chatfileds button.attach 
#request_reply_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter .commentbox div#reply-message-form .commentfileds input.send {
    height: 66px;
    width: 60px;
    position: absolute;
    top: auto;
    right: 8px;
    background: none;
    border: none;
    outline: none;
    background-image: url(../images/upgrade-img/send-msg.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter .commentList {
    margin-top: 25px;
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter .commentList ul {
    margin-top: 15px;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter .commentList ul li {
    margin: 0 0 8px 0;
    list-style: none;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter .commentList ul li .commented {
    margin: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter .commentList ul li .commented figure {
    display: block;
    width: 26px;
    min-width: 26px;
    height: 26px;
    margin: 0 10px 0px 0;
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter .commentList ul li .commented figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter .commentList ul li .commented article {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 12px;
    line-height: 18px;
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter .commentList ul li .commented article p{
    word-break: break-all;
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter .commentList ul li .commented article span {
    color: var(--text-darkgray);
    font-weight: normal;
    font-size: var(--font-size-x-small);
    font-family: var(--font-family-regular);
    margin-top: -2px;
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter .commentList ul li .commented article b {
    color: var(--text-darkgray);
    font-weight: normal;
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);
    margin-right: 5px;
    line-height: 0;

}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter .commentList ul li .commented article b p {
    margin: 0;
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter .commentList ul li .commented article span a {
    color: var(--text-link-secondary);
    font-weight: normal;
    font-size: var(--font-size-x-small);
    font-family: var(--font-family-regular);
    margin-right: 1px;
    text-decoration: none;
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter .commentList ul li .commented article i {
    color: var(--text-darkgray);
    font-weight: normal;
    font-size: var(--font-size-x-small);
    font-family: var(--font-family-regular);
    margin-left: 1px;
    font-style: normal;
}

/* End chat bottom */



/* post modalbox */

.profile-img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.profile-img figure {
    margin: 0;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.profile-img figure img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 100%;
}

#userProfileModal .gender-options .form-group input[type=radio]:checked+label,
#userProfileModal .gender-options .form-group input[type=radio]:not(:checked)+label {
    top: -30px;
    line-height: inherit;
    margin: inherit;
}

#inspectionModel .gender-options .form-group input[type=radio]:checked+label,
#inspectionModel .gender-options .form-group input[type=radio]:not(:checked)+label {
    top: -30px;
    line-height: inherit;
    margin: inherit;
}

.profile-img.userProfileImg{
    justify-content: flex-start;
}


/* end post modalbox */

/* End Post detail page  */



/* General feedback page  */

#page-right-section .tabNavbar a {
    /* margin: 16px 0px; */
}

#page-right-section .tab-content .filterSection {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0.5rem;
}

#page-right-section .tab-content .filterSection .form-group .select {
    height: 40px;
    line-height: 40px;
    width: 149px;
}

#page-right-section .tab-content .filterSection .form-group .form-group .styledSelect {
    height: 40px;
    line-height: 40px;
}

#page-right-section .tab-content .filterSection .form-group .selectbox-blue+.styledSelect {
    height: 40px;
    line-height: 37px;
    background-position: right 15px top 16px;
    color: var(--text-darkgray);
    padding-right: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#page-right-section .tab-content .filterSection .form-group label{
    top: 0px;
}

#page-right-section .tab-content .filterSection .form-group .date {
    width: 149px;
}

#page-right-section .tab-content .filterSection .form-group .date input {
    width: 149px;
    height: 40px; 
}

#page-right-section .tab-content .filterSection .form-group.warrantyExpireForm .date{
    width: 175px;
}

#page-right-section .tab-content .filterSection .form-group.warrantyExpireForm .date input{
    width: 175px;
}

#page-right-section .tab-content .filterSection .form-group.date-span .date{
    width: 160px;
}

#page-right-section .tab-content .filterSection .form-group.date-span .date{
    margin-left: 0;
}

#page-right-section .tab-content .filterSection .form-group.date-span .date input {
    width: 160px;
}

#page-right-section .tab-content .filterSection .form-group.date-span .date .input-group-append{
    margin-left: -6px;
}

#page-right-section .tab-content .filterSection .form-group.date-span.access_log_date_span .date{
    width: 170px;
}

#page-right-section .tab-content .filterSection .form-group .date .input-group-append {
    display: block;
    width: 100%;
    height: 40px;
    position: absolute;
}

#page-right-section .tab-content .filterSection.input_select_fileterBox .form-group label{
    top: 2px;
    width: auto;
    height: 20px;
}

#page-right-section .tab-content .filterSection.input_select_fileterBox .field-selectResident::after{
    position: absolute;
    top: 16px;
    content: '';
    color: var(--text-black);
    right: 10px;
    padding: 12px 10px;
    background-image: url(../images/upgrade-img/selectstaffarrow.svg);
    background-repeat: no-repeat;
    transform: rotate(90deg);
    width: 7px;
    height: 12px;
}

#page-right-section .tab-content .filterSection.input_select_fileterBox .form-group .floating-input, #page-right-section .tab-content .filterSection.input_select_fileterBox .form-group.request_type .select{
    height: 40px;
}

#page-right-section .tab-content .filterSection.input_select_fileterBox .form-group .floating-input{
    padding: 0.3rem 0.75rem 0.3rem;
}

#page-right-section .tab-content .filterSection.input_select_fileterBox .form-group .floating-input#unitNameVehicle{
    padding: 1.4rem 0.75rem 0.3rem;
}

#page-right-section .tab-content .filterSection.input_select_fileterBox .form-group .floating-input.filter_inp_text{
    padding: 1.4rem 0.75rem 0.3rem;
}

#page-right-section .tab-content .filterSection .form-group .request_type #unitName.select{
    padding: 0.3rem 0.75rem 0.3rem;
}

#page-right-section .tab-content .filterSection .form-group .request_type.padd-type #unitName.select , #page-right-section .tab-content .filterSection.input_select_fileterBox .form-group .floating-input#bookingCode{
    padding: 1.4rem 0.75rem 0.3rem;
}

#page-right-section .tab-content .filterSection.input_select_fileterBox .resident-list .form-group label{
    top: 0;
    line-height: 22px;
    margin-bottom: 0;
}

.resident-list.resident-usetlist-popup{
    min-height: 77px;
    max-height: 450px;
    overflow-y: auto;
    padding-right: 15px;
}

.resident-list .form-group.movefolderList .checkbox-row .checkboxes{
    min-width: 50px;
}

.resident-list .form-group.movefolderList .checkbox-row span{
    display: inline-block;
    width: 100%;
    text-align: left;
}

#page-right-section .tab-content .searchbar input {
    width: 200px !important;
    height: 40px !important;
}

#page-right-section .tab-content .searchbar.textfilter input{
    width: 135px !important;
}

#page-right-section .searchbar.textfilter::after{
    display: none;
}

#page-right-section .tab-content .searchfield input.searchbox.directorySearchText{
    width: 100% !important;
    height: 50px !important;
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview {
    margin-top: 0px;
    padding: 0;
    display: flex;
    flex-direction: column;
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview a {
    padding: 5px 20px;
    color: var(--text-darkgray);
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);
    border: 1px solid var(--border-color);
    margin-top: 10px;
    text-decoration: none;
    border-radius: var(--border-radius);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#page-right-section .main-section .maincontent .rightSecton .field-selectResident {
    margin-top: 15px;
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .field-selectResident,
#page-right-section .main-section .maincontent .rightSecton .staffarrow,#page-right-section .main-section .maincontent .leftSecton .staffarrow
 {
    position: relative;
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .field-selectResident::after,
#page-right-section .main-section .maincontent .rightSecton .staffarrow::after,
#page-right-section .main-section .maincontent .leftSecton .staffarrow::after {
    position: absolute;
    top: 19px;
    content: '';
    color: var(--text-black);
    right: 2px;
    padding: 12px 10px;
    background-image: url(../images/upgrade-img/selectstaffarrow.svg);
    background-repeat: no-repeat;
    width: 7px;
    height: 12px;
}

/*=======Service Request Details Message Details Page ========*/

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .RequestLeftList ul li{
    margin-bottom: 12px;
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .RequestLeftList ul li span{
    display: block;
    line-height: 26px;
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .RequestLeftList ul li span.req_details_title{
    color: var(--text-black);
    font-family: var(--font-family-SemiBold);
    font-size: var(--font-size-medium);
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .RequestLeftList ul li .req_provider_details{
    color: var(--text-link-secondary);
    border: none;
    padding: 0;
    line-height: 18px;
    margin-top: 0;
    text-decoration: underline;
    font-size: var(--font-size-medium);
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .RequestLeftList ul li span.req_details_desc{
    line-height: 18px;
    font-size: var(--font-size-medium);
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .RequestLeftList ul li ul.RequestLeftList_innerList{
    list-style: none;
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .RequestLeftList ul li ul.RequestLeftList_innerList li{
    margin-bottom: 0;
    line-height: 18px;
    position: relative;
    padding-left: 12px;
    font-size: var(--font-size-medium);
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .RequestLeftList ul li ul.RequestLeftList_innerList li::after{
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    display: inline-block;
    border-radius: 50%;
    background: var(--bg-black);
    top: 6px;
    left: 0;
}

#page-right-section .main-section .maincontent .leftSecton .tnc_form_group .form-group .checkboxes.is_base_amenity_checkBox input[type=checkbox]:not(:checked)+label ,#page-right-section .main-section .maincontent .leftSecton .tnc_form_group .form-group .checkboxes.is_base_amenity_checkBox input[type=checkbox]:checked+label ,#page-right-section .main-section .maincontent .rightSecton .tnc_form_group .form-group .checkboxes.is_base_amenity_checkBox input[type=checkbox]:not(:checked)+label, #page-right-section .main-section .maincontent .rightSecton .tnc_form_group .form-group .checkboxes.is_base_amenity_checkBox input[type=checkbox]:checked+label{
    color: var(--text-darkgray);
}

#page-right-section .main-section .maincontent .leftSecton .tnc_form_group .form-group input[type=checkbox]:not(:checked)+label , #page-right-section .main-section .maincontent .leftSecton .tnc_form_group .form-group input[type=checkbox]:checked+label , #page-right-section .main-section .maincontent .rightSecton .tnc_form_group .form-group input[type=checkbox]:not(:checked)+label , #page-right-section .main-section .maincontent .rightSecton .tnc_form_group .form-group input[type=checkbox]:checked+label{
    top: 0;
    color: var(--text-black);
    text-transform: initial;
}

#page-right-section .main-section .maincontent .leftSecton .tnc_form_group .form-group input[type=checkbox]:not(:checked)+label a , #page-right-section .main-section .maincontent .leftSecton .tnc_form_group .form-group input[type=checkbox]:checked+label a{
    color: var(--text-link-secondary);
}

#page-right-section .main-section .maincontent .leftSecton .tnc_form_group .form-group input[type=checkbox]:not(:checked)+label:before , #page-right-section .main-section .maincontent .rightSecton .tnc_form_group .form-group input[type=checkbox]:not(:checked)+label:before, #page-right-section .main-section .maincontent .inner_box_tabs .tnc_form_group .form-group input[type=checkbox]:not(:checked)+label:before{
    top: -10px;
    left: 0;
}

#page-right-section .main-section .maincontent .leftSecton .tnc_form_group .form-group .checkbox-row .checkboxes input[type="checkbox"]:checked+label:before , #page-right-section .main-section .maincontent .rightSecton .tnc_form_group .form-group .checkbox-row .checkboxes input[type="checkbox"]:checked+label:before ,#page-right-section .main-section .maincontent .inner_box_tabs .tnc_form_group .form-group .checkbox-row .checkboxes input[type="checkbox"]:checked+label:before{
    top: -10px;
    left: 0;
}

#page-right-section .main-section .maincontent .leftSecton .tnc_form_group .form-group .checkboxes input[type="checkbox"]:checked+label:before, #page-right-section .main-section .maincontent .rightSecton .tnc_form_group .form-group .checkboxes input[type="checkbox"]:checked+label:before{
    border: none;
}

#page-right-section .g-feedback-tabs .tabNavbar .nav-tabs .nav-item {
    padding: 0;
    margin: 0;
}

#page-right-section .g-feedback-tabs .tabNavbar .nav-tabs .nav-item a {
    padding: 0 0 0 0;
    margin: 0 64px 0 0;
    position: relative;
    display: flex;
    flex-direction: inherit;
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tabNavbar.approval .nav-tabs .nav-item a{
    margin: 0 35px 0 0;
}

#page-right-section .g-feedback-tabs .tabNavbar .nav-tabs .nav-item:last-child a {
    margin: 0;
}

#page-right-section .g-feedback-tabs .tabNavbar .tabHeader {
    border: none;
}

#page-right-section .g-feedback-tabs .tabNavbar .tabHeader.select-list-tab-data .nav-tabs .nav-item a{
    margin: 0 64px 0 0;
}

#page-right-section .g-feedback-tabs .tab-content {
    padding: 40px 0px 0;
}

#page-right-section .g-feedback-tabs .tabNavbar .nav-tabs .nav-item a.active {
    position: relative;
    font-family: var(--font-family-SemiBold);
}

#page-right-section .g-feedback-tabs .tabNavbar .nav-tabs .nav-item a.active::after {
    position: absolute;
    content: '';
    height: 2px;
    width: 100%;
    background-color: var(--bg-green);
    left: auto;
    border-radius: 50px;
    bottom: 3px;
}

#page-right-section .g-feedback-tabs .tabNavbar .nav-tabs .nav-item a span.new-msg {
    position: relative;
    content: '';
    height: 7px;
    width: 7px;
    background-color: var(--bg-green);
    right: 2px;
    top: -3px;
    border-radius: 50%;
}
.new-msg-generalfeedback-grid{
    position: relative !important;
    content: '';
    height: 7px !important;
    width: 7px !important;
    background-color: var(--text-error);
    left: -5px;
    top: -2px;
    border-radius: 50%;
    display: inline-block;
}


#page-right-section .g-feedback-tabs .tabNavbar .nav-tabs .nav-item a span img {
    position: relative;
    content: '';
    height: 19px;
    width: 19px;
    filter: inherit;
    right: 0;
    top: 2px;
}

#page-right-section .g-feedback-tabs .tab-content .activity {
    margin-top: 15px;
    position: relative;
    padding-left: 8px;
    max-height: 425px;
    overflow-x: auto;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul {
    position: relative;
}

/* #page-right-section .g-feedback-tabs .tab-content .activity ul::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 2px;
    border-left: 1px solid var(--border-color);
    top: 0;
    left: 0;
} */

#page-right-section .g-feedback-tabs .tab-content .activity ul li {
    list-style: none;
    padding-left: 15px;
    position: relative;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li::before {
    position: absolute;
    content: '';
    height: 100%;
    width: 2px;
    border-left: 1px solid var(--border-color);
    top: 15px;
    left: -1px;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li:last-child:before {
    display: none;
}


/* Closed */

#page-right-section .g-feedback-tabs .tab-content .activity ul li .closed {
    position: relative;
    width: 100%;
    padding-top: 8px;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .closed::before {
    position: absolute;
    content: '';
    height: 16px;
    width: 16px;
    background-color: var(--status-closed);
    top: 0;
    left: -23px;
    border-radius: 50%;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .closed .timeline {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .closed .timeline .left {
    display: flex;
    flex-direction: column;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .closed .timeline .left b {
    line-height: 0;
    font-style: normal;
    font-weight: normal;
    font-size: var(--font-size-medium);
    color: var(--status-closed);
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .closed .timeline .left span,
#page-right-section .g-feedback-tabs .tab-content .activity ul li .closed .timeline .right span {
    color: var(--text-black);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .closed .timeline .right {
    display: flex;
    flex-direction: column;
    max-width: 120px;
    min-width: 120px;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .closed .timeline .right i {
    line-height: 0;
    font-style: normal;
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .closed .bottom p {
    line-height: normal;
    font-style: normal;
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);
    margin-top: 5px;
}

/* End Closed */


/* Pending */

#page-right-section .g-feedback-tabs .tab-content .activity ul li .pending {
    position: relative;
    width: 100%;
    padding-top: 8px;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .pending::before {
    position: absolute;
    content: '';
    height: 16px;
    width: 16px;
    background-color: var(--status-pending);
    top: 0;
    left: -23px;
    border-radius: 50%;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .pending .timeline {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .pending .timeline .left {
    display: flex;
    flex-direction: column;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .pending .timeline .left b {
    line-height: 0;
    font-style: normal;
    font-weight: normal;
    font-size: var(--font-size-medium);
    color: var(--status-pending);
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .pending .timeline .left span,
#page-right-section .g-feedback-tabs .tab-content .activity ul li .pending .timeline .right span {
    color: var(--text-black);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .pending .timeline .right {
    display: flex;
    flex-direction: column;
    max-width: 120px;
    min-width: 120px;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .pending .timeline .right i {
    line-height: 0;
    font-style: normal;
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .pending .bottom p {
    line-height: normal;
    font-style: normal;
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);
    margin-top: 5px;
}

/* End Pending */


/* Rejected */

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rejected {
    position: relative;
    width: 100%;
    padding-top: 8px;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rejected::before {
    position: absolute;
    content: '';
    height: 16px;
    width: 16px;
    background-color: var(--status-rejected);
    top: 0;
    left: -23px;
    border-radius: 50%;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rejected .timeline {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rejected .timeline .left {
    display: flex;
    flex-direction: column;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rejected .timeline .left b {
    line-height: 0;
    font-style: normal;
    font-weight: normal;
    font-size: var(--font-size-medium);
    color: var(--status-rejected);
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rejected .timeline .left span,
#page-right-section .g-feedback-tabs .tab-content .activity ul li .rejected .timeline .right span {
    color: var(--text-black);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rejected .timeline .right {
    display: flex;
    flex-direction: column;
    max-width: 120px;
    min-width: 120px;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rejected .timeline .right i {
    line-height: 0;
    font-style: normal;
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rejected .bottom p {
    line-height: normal;
    font-style: normal;
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);
    margin-top: 5px;
}

/* End Rejected */

/* Rejected */

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rejected {
    position: relative;
    width: 100%;
    padding-top: 8px;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rejected::before {
    position: absolute;
    content: '';
    height: 16px;
    width: 16px;
    background-color: var(--status-rejected);
    top: 0;
    left: -23px;
    border-radius: 50%;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rejected .timeline {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rejected .timeline .left {
    display: flex;
    flex-direction: column;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rejected .timeline .left b {
    line-height: 0;
    font-style: normal;
    font-weight: normal;
    font-size: var(--font-size-medium);
    color: var(--status-rejected);
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rejected .timeline .left span,
#page-right-section .g-feedback-tabs .tab-content .activity ul li .rejected .timeline .right span {
    color: var(--text-black);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rejected .timeline .right {
    display: flex;
    flex-direction: column;
    max-width: 120px;
    min-width: 120px;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rejected .timeline .right i {
    line-height: 0;
    font-style: normal;
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rejected .bottom p {
    line-height: normal;
    font-style: normal;
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);
    margin-top: 5px;
}

/* End Rejected */


/* Rescheduled */

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rescheduled {
    position: relative;
    width: 100%;
    padding-top: 8px;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rescheduled::before {
    position: absolute;
    content: '';
    height: 16px;
    width: 16px;
    background-color: var(--status-rescheduled);
    top: 0;
    left: -23px;
    border-radius: 50%;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rescheduled .timeline {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rescheduled .timeline .left {
    display: flex;
    flex-direction: column;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rescheduled .timeline .left b {
    line-height: 0;
    font-style: normal;
    font-weight: normal;
    font-size: var(--font-size-medium);
    color: var(--status-rescheduled);
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rescheduled .timeline .left span,
#page-right-section .g-feedback-tabs .tab-content .activity ul li .rescheduled .timeline .right span {
    color: var(--text-black);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rescheduled .timeline .right {
    display: flex;
    flex-direction: column;
    max-width: 120px;
    min-width: 120px;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rescheduled .timeline .right i {
    line-height: 0;
    font-style: normal;
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .rescheduled .bottom p {
    line-height: normal;
    font-style: normal;
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);
    margin-top: 5px;
}

/* End Rescheduled */

/* Progress */

#page-right-section .g-feedback-tabs .tab-content .activity ul li .progress {
    position: relative;
    width: 100%;
    padding-top: 8px;
    display: inherit;
    height: inherit;
    overflow: inherit;
    font-size: inherit;
    background-color: inherit;
    border-radius: inherit;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .progress::before {
    position: absolute;
    content: '';
    height: 16px;
    width: 16px;
    background-color: var(--status-in-progress);
    top: 0;
    left: -23px;
    border-radius: 50%;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .progress .timeline {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .progress .timeline .left {
    display: flex;
    flex-direction: column;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .progress .timeline .left b {
    line-height: 0;
    font-style: normal;
    font-weight: normal;
    font-size: var(--font-size-medium);
    color: var(--status-in-progress);
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .progress .timeline .left span,
#page-right-section .g-feedback-tabs .tab-content .activity ul li .progress .timeline .right span {
    color: var(--text-black);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .progress .timeline .right {
    display: flex;
    flex-direction: column;
    max-width: 120px;
    min-width: 120px;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .progress .timeline .right i {
    line-height: 0;
    font-style: normal;
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .progress .bottom p {
    line-height: normal;
    font-style: normal;
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);
    margin-top: 5px;
}

/* End progress */

/* completed */

#page-right-section .g-feedback-tabs .tab-content .activity ul li .completed {
    position: relative;
    width: 100%;
    padding-top: 8px;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .completed::before {
    position: absolute;
    content: '';
    height: 16px;
    width: 16px;
    background-color: var(--status-completed);
    top: 0;
    left: -23px;
    border-radius: 50%;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .completed .timeline {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .completed .timeline .left {
    display: flex;
    flex-direction: column;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .completed .timeline .left b {
    line-height: 0;
    font-style: normal;
    font-weight: normal;
    font-size: var(--font-size-medium);
    color: var(--status-completed);
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .completed .timeline .left span,
#page-right-section .g-feedback-tabs .tab-content .activity ul li .completed .timeline .right span {
    color: var(--text-black);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .completed .timeline .right {
    display: flex;
    flex-direction: column;
    max-width: 120px;
    min-width: 120px;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .completed .timeline .right i {
    line-height: 0;
    font-style: normal;
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .completed .bottom p {
    line-height: normal;
    font-style: normal;
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);
    margin-top: 5px;
}

/* End completed */

/* assign */

#page-right-section .g-feedback-tabs .tab-content .activity ul li .assign {
    position: relative;
    width: 100%;
    padding-top: 8px;
    display: inherit;
    height: inherit;
    overflow: inherit;
    font-size: inherit;
    background-color: inherit;
    border-radius: inherit;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .assign::before {
    position: absolute;
    content: '';
    height: 16px;
    width: 16px;
    background-color: var(--status-assign);
    top: 0;
    left: -23px;
    border-radius: 50%;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .assign .timeline {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .assign .timeline .left {
    display: flex;
    flex-direction: column;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .assign .timeline .left b {
    line-height: 0;
    font-style: normal;
    font-weight: normal;
    font-size: var(--font-size-medium);
    color: var(--status-assign);
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .assign .timeline .left span,
#page-right-section .g-feedback-tabs .tab-content .activity ul li .assign .timeline .right span {
    color: var(--text-black);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .assign .timeline .right {
    display: flex;
    flex-direction: column;
    max-width: 120px;
    min-width: 120px;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .assign .timeline .right i {
    line-height: 0;
    font-style: normal;
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .assign .bottom p {
    line-height: normal;
    font-style: normal;
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);
    margin-top: 5px;
}

/* End assign */

/* reopen */

#page-right-section .g-feedback-tabs .tab-content .activity ul li .reopen {
    position: relative;
    width: 100%;
    padding-top: 8px;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .reopen::before {
    position: absolute;
    content: '';
    height: 16px;
    width: 16px;
    background-color: var(--status-reopen);
    top: 0;
    left: -23px;
    border-radius: 50%;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .reopen .timeline {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .reopen .timeline .left {
    display: flex;
    flex-direction: column;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .reopen .timeline .left b {
    line-height: 0;
    font-style: normal;
    font-weight: normal;
    font-size: var(--font-size-medium);
    color: var(--status-reopen);
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .reopen .timeline .left span,
#page-right-section .g-feedback-tabs .tab-content .activity ul li .reopen .timeline .right span {
    color: var(--text-black);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .reopen .timeline .right {
    display: flex;
    flex-direction: column;
    max-width: 120px;
    min-width: 120px;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .reopen .timeline .right i {
    line-height: 0;
    font-style: normal;
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .reopen .bottom p {
    line-height: normal;
    font-style: normal;
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);
    margin-top: 5px;
}

/* End reopen */


/* followup */

#page-right-section .g-feedback-tabs .tab-content .activity ul li .followup {
    position: relative;
    width: 100%;
    padding-top: 8px;
    display: inherit;
    height: inherit;
    overflow: inherit;
    font-size: inherit;
    background-color: inherit;
    border-radius: inherit;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .followup::before {
    position: absolute;
    content: '';
    height: 16px;
    width: 16px;
    background-color: var(--status-followup);
    top: 0;
    left: -23px;
    border-radius: 50%;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .followup .timeline {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .followup .timeline .left {
    display: flex;
    flex-direction: column;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .followup .timeline .left b {
    line-height: 0;
    font-style: normal;
    font-weight: normal;
    font-size: var(--font-size-medium);
    color: var(--status-followup);
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .followup .timeline .left span,
#page-right-section .g-feedback-tabs .tab-content .activity ul li .followup .timeline .right span {
    color: var(--text-black);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .followup .timeline .right {
    display: flex;
    flex-direction: column;
    max-width: 120px;
    min-width: 120px;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .followup .timeline .right i {
    line-height: 0;
    font-style: normal;
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .followup .bottom p {
    line-height: normal;
    font-style: normal;
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);
    margin-top: 5px;
}

/* End followup */

/* quoted */

#page-right-section .g-feedback-tabs .tab-content .activity ul li .quoted {
    position: relative;
    width: 100%;
    padding-top: 8px;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .quoted::before {
    position: absolute;
    content: '';
    height: 16px;
    width: 16px;
    background-color: var(--status-quoted);
    top: 0;
    left: -23px;
    border-radius: 50%;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .quoted .timeline {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .quoted .timeline .left {
    display: flex;
    flex-direction: column;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .quoted .timeline .left b {
    line-height: 0;
    font-style: normal;
    font-weight: normal;
    font-size: var(--font-size-medium);
    color: var(--status-quoted);
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .quoted .timeline .left span,
#page-right-section .g-feedback-tabs .tab-content .activity ul li .quoted .timeline .right span {
    color: var(--text-black);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .quoted .timeline .right {
    display: flex;
    flex-direction: column;
    max-width: 120px;
    min-width: 120px;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .quoted .timeline .right i {
    line-height: 0;
    font-style: normal;
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .quoted .bottom p {
    line-height: normal;
    font-style: normal;
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);
    margin-top: 5px;
}

/* End quoted */

/* invoice */

#page-right-section .g-feedback-tabs .tab-content .activity ul li .invoice {
    position: relative;
    width: 100%;
    padding-top: 8px;
    display: inherit;
    height: inherit;
    overflow: inherit;
    font-size: inherit;
    background-color: inherit;
    border-radius: inherit;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .invoice::before {
    position: absolute;
    content: '';
    height: 16px;
    width: 16px;
    background-color: var(--status-invoice);
    top: 0;
    left: -23px;
    border-radius: 50%;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .invoice .timeline {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .invoice .timeline .left {
    display: flex;
    flex-direction: column;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .invoice .timeline .left b {
    line-height: 0;
    font-style: normal;
    font-weight: normal;
    font-size: var(--font-size-medium);
    color: var(--status-invoice);
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .invoice .timeline .left span,
#page-right-section .g-feedback-tabs .tab-content .activity ul li .invoice .timeline .right span {
    color: var(--text-black);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .invoice .timeline .right {
    display: flex;
    flex-direction: column;
    max-width: 120px;
    min-width: 120px;
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .invoice .timeline .right i {
    line-height: 0;
    font-style: normal;
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
}

#page-right-section .g-feedback-tabs .tab-content .activity ul li .invoice .bottom p {
    line-height: normal;
    font-style: normal;
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);
    margin-top: 5px;
}

/* End invoice */

/* chat Message */
#page-right-section .g-feedback-tabs .tab-content .chatMessage, #page-right-section .main-section .maincontent .chatMessage_inbox_box {
    padding: 30px 117px;
    height: 84vh;
    position: relative;
    display: flex;
    flex-direction: column;

}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBodyscroll {
    display: grid;
    /* justify-content: end;
    flex-direction: column; */
    overflow-x: hidden;
    height: 100%;
    padding: 0 15px 0 0;
    overflow-y: auto;
    max-height: calc(100vh - 73px);
    background-color: var(--bg-default)
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBodyscroll .chatBody {
    display: flex;
    justify-content: end;
    flex-direction: column;
    /* overflow-x: hidden; */
    height: 100%;
    /* padding: 0 15px 0 0; */
    /* overflow-y: auto;
    max-height: calc(100vh - 73px);
    background-color: var(--bg-default) */
}

/* left answer */

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerLeft {
    width: auto;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerLeft .chatBlock {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: max-content;
    width: 70%;
    position: relative;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerLeft .chatBlock .text {
    padding: 15px 40px 15px 20px;
    text-align: left;
    background-color: var(--bg-lightgray);
    border-radius: var(--border-radius);
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerLeft .chatBlock .text h4 {
    margin: 10px 0 0;
    line-height: 10px;
    color: var(--text-black);
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerLeft .chatBlock .text b {
    color: var(--text-darkgray);
    font-weight: normal;
    font-family: var(--font-family-regular);
    font-size: var(--font-size-small);
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerLeft .chatBlock .text span{
    line-height: 32px;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerLeft .chatBlock .text span.answerLeft_span_mainHeading , #page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerLeft .chatBlock .text span.answerLeft_span_subHeading{
    line-height: 28px;
    display: flex;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerLeft .chatBlock .text span.answerLeft_span_mainHeading{
    color: var(--text-darkgray);
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerLeft .chatBlock .text span.answerLeft_span_subHeading{
    color: var(--text-black);
    margin-left: 3px;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerLeft .chatBlock .text p {
    color: var(--text-black);
    line-height: 17px;
    margin-bottom: 0;
    word-break: break-all;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerLeft .chatBlock .text a {
    display: block;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerLeft .chatBlock .text a img {
    width: 100px;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerLeft .chatBlock .postdate {
    padding-left: 15px;
    display: flex;
    justify-content: flex-start;
    line-height: 28px;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerLeft .chatBlock .postdate span {
    color: var(--text-darkgray);
    font-weight: normal;
    font-family: var(--font-family-regular);
    font-size: var(--font-size-small);
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerLeft .chatBlock span.deleteMsg,
#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerLeft .chatBlock span.deleteMsg,
#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerLeft .chatBlock span.deleteMsg {
    display: none;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerLeft .chatBlock:hover span.deleteMsg,
#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerLeft .chatBlock:active span.deleteMsg,
#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerLeft .chatBlock:focus span.deleteMsg {
    position: absolute;
    top: 3px;
    right: 12px;
    cursor: pointer;
    display: block;

}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerLeft .chatBlock:hover span.deleteMsg img,
#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerLeft .chatBlock:active span.deleteMsg img,
#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerLeft .chatBlock:focus span.deleteMsg img {

    filter: brightness(0.5);
}

/* End  left answer */

/* right answer */

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerRight {
    width: auto;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerRight .chatBlock {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    max-width: max-content;
    width: 70%;
    position: relative;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerRight .chatBlock .text {
    padding: 15px 35px 15px 20px;
    text-align: left;
    background-color: var(--bg-green);
    border-radius: var(--border-radius);
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerRight .chatBlock .text h4 {
    margin: 10px 0 0;
    line-height: 0;
    color: var(--text-white);
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerRight .chatBlock .text b {
    color: var(--text-white);
    font-weight: normal;
    font-family: var(--font-family-regular);
    font-size: var(--font-size-small);
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerRight .chatBlock .text p {
    color: var(--text-white);
    line-height: 17px;
    margin-bottom: 0;
    word-break: break-word;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerRight .chatBlock .text a {
    display: block;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerRight .chatBlock .text a img {
    width: 100px;
    height: 75px;
    object-fit: contain;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerRight .chatBlock .postdate {
    padding-left: 15px;
    display: flex;
    justify-content: flex-end;
    line-height: 28px;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerRight .chatBlock .postdate span {
    color: var(--text-darkgray);
    font-weight: normal;
    font-family: var(--font-family-regular);
    font-size: var(--font-size-small);
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerRight .chatBlock span.deleteMsg,
#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerRight .chatBlock span.deleteMsg,
#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerRight .chatBlock span.deleteMsg {
    display: none;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerRight .chatBlock:hover span.deleteMsg,
#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerRight .chatBlock:active span.deleteMsg,
#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerRight .chatBlock:focus span.deleteMsg {
    position: absolute;
    top: 3px;
    right: 12px;
    cursor: pointer;
    display: block;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerRight .chatBlock:hover span.deleteMsg img,
#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerRight .chatBlock:active span.deleteMsg img,
#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBody .answerRight .chatBlock:focus span.deleteMsg img {

    filter: inherit;
}


/* End right answer */

/* chat bottom */

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBottom {
    position: relative;
    padding: 0;
    background: none;
    display: flex;
    place-items: center;
    width: 100%;
    bottom: 0;
    box-shadow: 0 0 13px 0 rgba(149, 149, 149, 25%);
    border-radius: var(--border-radius);
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBottom form#reply-message-form .chatfileds , #page-right-section .main-section .maincontent .chatbox  .chatBottom form#reply-message-form .chatfileds {
    display: flex;
    align-items: end;
    position: relative;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBottom form#reply-message-form ,#page-right-section .main-section .maincontent .chatbox  .chatBottom form#reply-message-form{
    width: 100%;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBottom form#reply-message-form .chatfileds textarea.messageInput , #page-right-section .main-section .maincontent .chatbox  .chatBottom form#reply-message-form .chatfileds textarea.messageInput{
    width: 100%;
    box-sizing: border-box;
    color: var(--text-black);
    border-radius: var(--border-radius);
    border-color: var(--border-color);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
    -webkit-appearance: none;
    cursor: text;
    border: none;
    padding: 12px 140px 26px 12px;
    resize: none;
    min-height: 73px;
    overflow: auto;
    max-height: 300px;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBottom form#reply-message-form .chatfileds textarea.messageInput{
    line-height: normal;
    background: transparent;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBottom form#reply-message-form .chatfileds textarea.messageInput::placeholder , #page-right-section .main-section .maincontent .chatbox  .chatBottom form#reply-message-form .chatfileds textarea.messageInput::placeholder{
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-small);

}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBottom form#reply-message-form .chatfileds textarea.messageInput:hover,
#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBottom form#reply-message-form .chatfileds textarea.messageInput:focus,
#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBottom form#reply-message-form .chatfileds textarea.messageInput:active,
#page-right-section .main-section .maincontent .chatbox  .chatBottom form#reply-message-form .chatfileds textarea.messageInput:hover,
#page-right-section .main-section .maincontent .chatbox  .chatBottom form#reply-message-form .chatfileds textarea.messageInput:focus,
#page-right-section .main-section .maincontent .chatbox  .chatBottom form#reply-message-form .chatfileds textarea.messageInput:active {
    outline: none;
    box-shadow: none;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBottom form#reply-message-form .chatfileds button.attach , #page-right-section .main-section .maincontent .chatbox  .chatBottom form#reply-message-form .chatfileds button.attach{
    height: 73px;
    width: 75px;
    position: absolute;
    top: auto;
    right: 50px;
    background: none;
    border: none;
    outline: none;
    margin-right: 15px;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBottom form#reply-message-form .chatfileds button.attach{
    width: 60px;
    background-image: url(../images/upgrade-img/attach.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBottom form#reply-message-form .chatfileds button.attach::after{
    position: absolute;
    content: '';
    width: 1px;
    display: inline-block;
    height: 50px;
    top: 11px;
    right: 4px;
    background: var(--second-border-color);
}

#page-right-section .g-feedback-tabs .tab-content .chatMessage .chatBottom form#reply-message-form .chatfileds input.send , #page-right-section .main-section .maincontent .chatbox  .chatBottom form#reply-message-form .chatfileds input.send{
    height: 73px;
    width: 60px;
    position: absolute;
    top: auto;
    right: 15px;
    background: none;
    border: none;
    outline: none;
    background-image: url(../images/upgrade-img/send-msg.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

/* End chat bottom */

/* End chat Message */

/* Charges */

#page-right-section .g-feedback-tabs .tab-content .chargeSheet {
    margin: 0;
    padding-left: 60px;
}

#page-right-section .g-feedback-tabs .tab-content .chargeSheet ul {
    margin: 10px 0 0;
    display: flex;
    justify-content: space-between;
}

#page-right-section .g-feedback-tabs .tab-content .chargeSheet ul:first-child {
    margin-top: 25px;
}

#page-right-section .g-feedback-tabs .tab-content .chargeSheet ul:last-child {
    align-items: center;
    margin-bottom: 0;
}

#page-right-section .g-feedback-tabs .tab-content .chargeSheet ul:last-child li:last-child {
    flex-wrap: wrap;
    list-style: none;
    display: flex;
    justify-content: end;
    align-items: center;
}

#page-right-section .g-feedback-tabs .tab-content .chargeSheet .ser_charge_box .price_delete_box{
    width: 110px;
    min-width: 110px;
}

#page-right-section .g-feedback-tabs .tab-content .chargeSheet .inspection-detail-section ul li:last-child h4 {
    margin-right: 0;
}


#page-right-section .g-feedback-tabs .tab-content .chargeSheet ul li {
    list-style: none;
}

#page-right-section .g-feedback-tabs .tab-content .chargeSheet ul li p {
    line-height: 17px;
    margin-top: 7px;
    color: var(--text-darkgray);
}

#page-right-section .g-feedback-tabs .tab-content .chargeSheet ul li h4 {
    margin-bottom: 0;

}

#page-right-section .g-feedback-tabs .tab-content .chargeSheet ul li:last-child {
    list-style: none;
    display: flex;
    justify-content: end;
    align-items: center;

}

#page-right-section .g-feedback-tabs .tab-content .chargeSheet ul li:last-child span {
    color: var(--status-rejected);
    text-align: right;
    margin-top: -10px;
    font-family: var(--font-family-regular);
    font-size: var(--font-size-small);
}

#page-right-section .g-feedback-tabs .tab-content .chargeSheet ul li:last-child h4 {
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 0;

}

#page-right-section .g-feedback-tabs .tab-content .chargeSheet ul li:last-child a {
    margin: 0px;
}

#page-right-section .g-feedback-tabs .tab-content .chargeSheet ul li .book-sec {
    display: flex;
    flex-direction: column;
}

#page-right-section .g-feedback-tabs .tab-content .chargeSheet ul li .book-sec h4 {
    display: flex;
}

#page-right-section .g-feedback-tabs .tab-content .chargeSheet .inspection-detail-section ul {
    border-top: 1px solid var(--border-color);
    padding-top: 15px;
    margin-top: 15px;
}

#page-right-section .g-feedback-tabs .tab-content .chargeSheet {
    position: relative;
}

#page-right-section .g-feedback-tabs .tab-content .chargeSheet .userbutton {
    position: absolute;
    right: 0;
    top: -182px;
}

#page-right-section .main-section .innerHeader .invisibleheaderbutton {
    visibility: hidden;
    display: flex;
}

#page-right-section .main-section .maincontent .rightSecton .resident-list .userlist_serviceRequest .form-group input[type=radio]:checked+label,
.form-group input[type=radio]:not(:checked)+label {
    line-height: 22px;
    top: 0;
    left: 0;
    margin: 0;
}

#page-right-section .main-section .maincontent .rightSecton .resident-list .form-group label , #page-right-section .document-floor-plan .resident-list .form-group label , #page-right-section .resident-list .form-group label , #userProfileModelSelectCategory .resident-list .form-group label{
    font-size: var(--font-size-medium);
    color: var(--text-black);
    top: 0;
    line-height: 22px;
    margin-bottom: 0;
    vertical-align: top;
}

#page-right-section .main-section .maincontent .leftSecton .resident-list .form-group label , #page-right-section .resident-list .form-group label {
    font-size: var(--font-size-medium);
    color: var(--text-black);
    top: 0;
    line-height: 22px;
    margin-bottom: 0;
}


.selectcatid .styledSelect {
    padding: 1.4rem 0.75rem 0.3rem !important;
}

.selectrequeststatus .styledSelect {
    padding: 1.4rem 0.75rem 0.3rem !important;
    text-transform: capitalize;
}

.selectstaff input {
    padding: 1.4rem 0.75rem 0.3rem !important;
}

/* End Charges */

/* End general feedback page  */


/* Polls  */

/* view votes modalbox*/

.votesView {
    margin-top: 30px;
    max-height: 600px;
    overflow: auto;
    padding-right: 10px;
}

.votesView ul {
    margin: 0;
}

.votesView ul li {
    list-style: none;
    border-bottom: 1px solid var(--border-color);
    padding: 10px 0 0;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
}

.votesView ul li:first-child {
    padding: 0px 0 10px;
}

.votesView ul li:last-child {
    border-bottom: none;
}

.votesView ul li span strong {
    font-size: var(--font-size-medium);
    color: var(--text-black);
    font-family: var(--font-family-regular);
    font-weight: normal;
    margin-right: 10px;
}

.votesView ul li span b {
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
    font-weight: normal;
}

.votesView ul li i {
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
    font-weight: normal;
    font-style: normal;
}

/* End view votes modalbox*/

/* Poll Details modalbox */

#poll-detail-view .main-section {
    padding: 0;
}

#poll-detail-view .pollsubmit:hover {
    text-decoration: none;
}

#poll-detail-view .main-section .pollDetails {
    margin-top: 0px;
}

#poll-detail-view .pollDetails ul {
    margin: 0;
}

#poll-detail-view .pollDetails ul li {
    list-style: none;
    padding: 10px 0 0;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
}

#poll-detail-view .pollDetails ul li span {
    display: flex;
    flex-direction: column;
    line-height: normal;
}

#poll-detail-view .pollDetails ul li span strong {
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
    font-weight: normal;
    margin-right: 10px;
}

#poll-detail-view .pollDetails ul li span b {
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);
    font-weight: normal;
}

#poll-detail-view .pollDetails ul li i {
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
    font-weight: normal;
    font-style: normal;
}

#poll-detail-view .pollDetails .quiz {
    margin-top: 15px;
}

#poll-detail-view .pollDetails .quiz .comment-image {
    margin: 0;
    display: block;
    width: 108px;
    height: 108px;
    border-radius: 12px;
    position: relative;
}

#poll-detail-view .pollDetails .quiz .comment-image .imagecount{
    position: absolute;
    width: 24px;
    height: 24px;
    line-height: 24px;
    color: var(--text-white);
    text-align: center;
    font-size: var(--font-size-medium);
    font-family: var(--font-family-SemiBold);
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 77%);
    font-style: normal;
    bottom: 0;
    right: -15px;
}

#poll-detail-view .pollDetails .quiz .comment-image .displayimagecount{
    color: var(--text-white);
}

#poll-detail-view .pollDetails .quiz .comment-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

#poll-detail-view .pollDetails .quiz p {
    color: var(--text-black);
    font-size: var(--font-size-medium);
    font-family: var(--font-family-regular);
    line-height: normal;
    margin-top: 15px;
}

#poll-detail-view .pollDetails .quiz ul {
    margin: 0;
    color: var(--text-black);
    font-size: var(--font-size-medium);
    font-family: var(--font-family-regular);
    line-height: normal;
}

#poll-detail-view .pollDetails .quiz ul li {
    margin: 0;
    color: var(--text-black);
    font-size: var(--font-size-medium);
    font-family: var(--font-family-regular);
    line-height: normal;
    display: block;
    width: 100%;
}

#poll-detail-view .pollDetails .quiz .selectAnswers {
    display: flex;
    flex-direction: column;
}

#poll-detail-view .pollDetails .quiz .selectAnswers ul li .radio-options {
    position: relative;
}

#poll-detail-view .pollDetails .quiz .selectAnswers ul li .radio-options strong {
    position: absolute;
    z-index: 0;
    width: 100%;
}

#poll-detail-view .pollDetails .quiz .selectAnswers ul li .radio-options strong input {
    display: none;
}

#poll-detail-view .pollDetails .quiz .selectAnswers ul li .radio-options label.option_label {
    border-radius: 50px;
    color: var(--text-black);
    font-size: var(--font-size-medium);
    font-family: var(--font-family-regular);
    line-height: normal;
    padding: 20px 35px;
    background: none;
    border: 0.5px solid var(--bg-black);
    position: relative;
    z-index: 1;
    height: 61px;
    width: 100%;
    cursor: pointer;
}

#poll-detail-view .pollDetails .quiz .selectAnswers ul li .radio-options strong label {
    border-radius: 50px;
    color: var(--text-black);
    font-size: var(--font-size-medium);
    font-family: var(--font-family-regular);
    line-height: normal;
    padding: 20px 35px;
    background: none;
    border: none;
    position: relative;
    z-index: 1;
    height: 61px;
    width: 100%;

}

#poll-detail-view .pollDetails .quiz .selectAnswers ul li .radio-options strong input[type="radio"]:checked+label,
#poll-detail-view .pollDetails .quiz .selectAnswers ul li .radio-options strong input[type="checkbox"]:checked+label {
    background: var(--toggle-switch-active);
    width: 100%;
    display: block;
}

#poll-detail-view .pollDetails .quiz .selectAnswers ul li .radio-options strong input[type="radio"]:checked+.option_label,
#poll-detail-view .pollDetails .quiz .selectAnswers ul li .radio-options strong input[type="checkbox"]:checked+.option_label {
    color: var(--text-black);
}


#poll-detail-view .pollDetails .quiz .selectAnswers .pollDetailsbottom {
    margin-top: 20px;
    border-top: 1px solid var(--border-color);
}

#poll-detail-view .pollDetails .quiz .selectAnswers .pollDetailsbottom ul {
    display: flex;
    flex-direction: row;
    line-height: normal;
    align-items: center;
}

#poll-detail-view .pollDetails .quiz .selectAnswers .pollDetailsbottom ul li span {
    display: flex;
    flex-direction: column;
    line-height: normal;
}

#poll-detail-view .pollDetails .quiz .selectAnswers .pollDetailsbottom ul li span strong {
    font-size: var(--font-size-medium) !important;
    color: var(--text-black) !important;
    font-family: var(--font-family-SemiBold) !important;
    font-weight: normal;
    margin-right: 10px;
}

#poll-detail-view .pollDetails .quiz .selectAnswers .pollDetailsbottom ul li span b {
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
    font-weight: normal;
}

#poll-detail-view .pollDetails .quiz .selectAnswers .pollDetailsbottom ul li i.activate {
    font-size: var(--font-size-small);
    color: var(--text-green) !important;
    font-family: var(--font-family-regular);
    font-weight: normal;
    font-style: normal;
}

#poll-detail-view .pollDetails .quiz .selectAnswers .pollDetailsbottom ul li u {
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}


#poll-detail-view .pollDetails .quiz .selectAnswers .progress {
    height: 24px;
    margin-bottom: 0;
    background-color: var(--bg-lightgray);
    border-radius: var(--border-radius);
    width: 100%;
}

#poll-detail-view .pollDetails .quiz .selectAnswers .progress .progress-bar {
    height: 100%;
    font-size: var(--font-size-medium);
    line-height: 20px;
    color: var(--text-black);
    text-align: center;
    background-color: var(--bg-green);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
    overflow: unset;
}

#poll-detail-view .pollDetails .quiz .selectAnswers .progress .progress-bar.active {
    color: var(--text-white);
}



/* End Poll Details modalbox */


/* End Polls */


/* documents  */


.filespace .progress {
    height: 8px;
    background: var(--progressbar-bg);
    width: 274px;
    border-radius: inherit;
}

.filespace .progress .progress-bar {
    border-radius: 50px;
    color: var(--text-black);
    font-size: var(--font-size-medium);
    font-family: var(--font-family-regular);
    line-height: normal;
    padding: 0px;
    background: var(--progressbar-fill);
    text-align: left;
    border-radius: inherit;
}

.filespace .displayStorage {
    text-align: right;
    color: var(--text-darkgray);
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);
    line-height: normal;
    margin-top: 5px;
}

#page-right-section .tab-content .doclistview {
    cursor: pointer;
    margin-right: 10px;
    padding: 5px;
}

#page-right-section .tab-content .doclistview.active {
    background-color: var(--bg-lightgray);
    border-radius: var(--border-radius);
    padding: 5px;
}

#page-right-section .tab-content .doclistview:hover,
#page-right-section .tab-content .docgridview:hover {
    background-color: var(--bg-lightgray);
    border-radius: var(--border-radius);
    padding: 5px;
}

#page-right-section .tab-content .docgridview {
    cursor: pointer;
    padding: 5px;
 }

#page-right-section .tab-content .docgridview.active {
    background-color: var(--bg-lightgray);
    border-radius: var(--border-radius);
    padding: 5px;
}


.tableContent table.grid-view-table thead th {
    display: none;
}

.tableContent table.grid-view-table tbody {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.tableContent table.grid-view-table tbody tr {
    width: calc(25% - 30px);
    ;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    margin: 0 15px 25px;
    padding-bottom: 15px;
    position: relative;

}

.tableContent table.grid-view-table tbody tr td {
    border: none;
    padding: 0;
    line-height: normal;
    width: 100%;
    max-width: 100%;
}

.tableContent table.grid-view-table tbody tr td a.listFolderName {
    font-family: var(--font-family-SemiBold);
    font-size: var(--font-size-medium-large);
    color: var(--text-black);
}

.tableContent table.grid-view-table tbody tr td span.created {
    padding: 0 15px;
    margin-bottom: 40px;
}

.tableContent table.grid-view-table tbody tr td.sharing_class {
    padding: 0 10px 0 10px; 
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 25px;
    width: auto;
}

.tableContent table.grid-view-table tbody tr td.strong {
    padding: 20px 15px 5px;
    position: relative;
    z-index: 1;
}

.tableContent table.grid-view-table tbody tr td.actionclass {
    padding: 0 15px;
    margin-top: 0;
    position: absolute;
    bottom: 15px;

}

.tableContent table.grid-view-table tbody tr td span {
    display: block;
    width: 100%;
}

.tableContent table.grid-view-table tbody tr td span a img {
    max-width: 100%;
    min-width: 100%;
    min-height: 150px;
    max-height: 150px;
    object-fit: contain;
    padding-top: 10px;
}

.tableContent table.list-view-table tbody tr td span a img {
    margin: 0;
    display: block;
    width: 51px;
    height: 51px;
    border-radius: 50%;
    object-fit: cover;
    border-radius: 100%;
}

.table-responsive::-webkit-scrollbar {
    height: 15px;
}

.table-responsive::-webkit-scrollbar-track{
    background-color: var(--bg-lightgray);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.table-responsive::-webkit-scrollbar-thumb{
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: var(--bg-green);
}

.tableContent #documentListGridTable table.grid-view-table tbody tr td:first-child{
    padding: 0;
}

.tableContent #documentListGridTable.grid-view.table-responsive{
    overflow-x: unset;
}

.tableContent #documentListGridTable table.grid-view-table tbody tr td{
    height: auto;
}

.tableContent #documentListGridTable table.grid-view-table tbody tr td span a {
    display: block;
}

.tableContent #documentListGridTable table.grid-view-table tbody tr td span a img{
    border-top-left-radius: var(--border-radius);
}

.tableContent table.list-view-table tbody tr td span a img.rounded-0{
    object-fit: unset;
}

#page-right-section .main-section .maincontent .uploadsection .browsefile .form-group .uplodaedfile .preview-zone .box .box-header .imgdiv {
    min-height: 49px;
    border-radius: var(--border-radius);
    object-fit: contain;
}

/* #page-right-section .tab-content .page-document table thead th:first-child,
#page-right-section .tab-content .page-document table tbody td:first-child {
    width: 130px;
} */

/* #page-right-section .tab-content .page-document table thead th:last-child,
#page-right-section .tab-content .page-document table tbody td:last-child, */
#page-right-section .tab-content #eAgmDocuments table thead th:last-child,
#page-right-section .tab-content #eAgmDocuments table tbody td:last-child {
    width: 120px;
}

#page-right-section .tab-content #facilitybookingGridTable33 table thead th:last-child , #page-right-section .tab-content #facilitybookingGridTable33 table tbody td:last-child{
    max-width: 275px;
    width: auto;
}

/* #page-right-section .tab-content table thead th:last-child,
#page-right-section .tab-content table tbody td:last-child {
    width: 100px;
} */

#page-right-section .tab-content #unit-viewbooking #appointmentList table thead th:last-child , #page-right-section .tab-content #unit-viewbooking #appointmentList table tbody td:last-child{
    width: 370px;
    max-width: 370px;
}

/* #page-right-section .tab-content #keyunitList #unitListGrid table thead th, #page-right-section .tab-content #keyunitList #unitListGrid table tbody td{
    width: 33%;
} */

#page-right-section .tab-content #keyunitList #unitListGrid table thead th:nth-child(1), #page-right-section .tab-content #keyunitList #unitListGrid table tbody td:nth-child(1){
    width: 135px;
    min-width: 135px;
}

#page-right-section .tab-content #keyunitList #unitListGrid table thead th:nth-child(2), #page-right-section .tab-content #keyunitList #unitListGrid table tbody td:nth-child(2){
    width: 350px;
    min-width: 350px;
}

#page-right-section #tab_tab_data #unit-staff #kcStaffList .table thead , #page-right-section #tab_tab_data #unit-staff #kcStaffList .table tbody td{
    width: 33%;
}

#page-right-section .tab-content #servicerequest #requestList .table thead th:last-child , #page-right-section .tab-content #servicerequest #requestList .table tbody td:last-child{
    width: 115px;
}

#page-right-section .tab-content #formanswerList #formanswerListGrid table thead th:last-child, #page-right-section .tab-content #formanswerList #formanswerListGrid table tbody td:last-child{
    width: 340px;
    max-width: 340px;
}

#page-right-section #transactionshistory.tableContent table thead th{
    min-width: 165px;
    width: 25%;
}

.modal-header{
    display: flex;
    justify-content: space-between;
    padding: 16px 30px 10px;
    border-bottom: none;
}
.modal-footer{
    padding: 0;
    border-top: none;
}
#page-right-section .main-section .documentfolderList {
    border-top: 0.5px solid var(--border-color);
    padding-top: 25px;
    margin-top: 15px;
}
#page-right-section .main-section #posts.documentfolderList{
    border-top: none;
}
#page-right-section .main-section .documentfolderList .notification-title span {
    font-family: var(--font-family-regular);
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
    display: block;
    line-height: normal;
}
#page-right-section .tab-content #documentListGridTable table thead th:last-child,
#page-right-section .tab-content #documentListGridTable table tbody td:last-child {
    width: 165px;
}


#page-right-section .tab-content #documentListGridTable table td {
    vertical-align: middle;
}

.copydocUrl {  line-height: normal;
    word-wrap: break-word;
    display: block; 
}

#page-right-section .tab-content #unit-amenitieslist .image.filemanager{
    position: relative;
    margin-bottom: 25px;
    height: 200px;
}

#page-right-section .tab-content #unit-amenitieslist .image.filemanager.gallery_nodata_box{
    min-height: calc(100vh - 290px);
}

#page-right-section .tab-content #unit-amenitieslist .image.filemanager.gallery_nodata_box center{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

#page-right-section .tab-content #unitList .table thead th ,
 #page-right-section .tab-content #unitList .table thead td  
 /* #page-right-section .tab-content #visitorPassList .table thead th , 
 #page-right-section .tab-content #visitorPassList .table thead td  */
 {
    width: 31%;
}

/* #page-right-section .tab-content #unit-tab-visitorpass #visitorPassList .table.visitorlogCls thead th, #page-right-section .tab-content #unit-tab-visitorpass #visitorPassList .table.visitorlogCls thead td{
    width: 8%;
} */

#page-right-section .tab-content #unitList .table.tableUnit thead th:nth-child(2) ,#page-right-section .tab-content #unitList .table.tableUnit tbody td:nth-child(2) , #page-right-section .tab-content #unitList .table.tableUnit thead th:nth-child(3) ,#page-right-section .tab-content #unitList .table.tableUnit tbody td:nth-child(3) {
    width: 135px;
    min-width: 135px;
 }

/* #page-right-section .tab-content #unit-tab-visitorpass #visitorPassList .table.visitorlogCls thead th:last-child, #page-right-section .tab-content #unit-tab-visitorlog #visitorLogList #visitorloggrid .table thead th:last-child{
    width: 15%;
} */

#page-right-section .tab-content #unit-tab-visitorpass #visitorPassList #visitorpassgrid .table thead th:last-child{
    min-width: 85px;
}

/* #page-right-section .tab-content #visitorPassList .table thead th:last-child, #page-right-section .tab-content #visitorPassList .table thead td:last-child{
    width: 10%;
} */

#page-right-section #tab_tab_data #unit-councilmembers .table thead td,#page-right-section #tab_tab_data #unit-councilmembers .table thead th{
    width: 23.45%;
}

/* #page-right-section #tab_tab_data #unit-staff .table thead td:last-child,
#page-right-section #tab_tab_data #unit-councilmembers .table thead td:last-child,
#page-right-section #tab_tab_data #unit-developerstaff .table thead td:last-child, 
#page-right-section #tab_tab_data #unit-contractor-subcontractor .table thead td:last-child,  
#page-right-section #tab_tab_data #unit-staff  .table thead th:last-child,
#page-right-section #tab_tab_data #unit-councilmembers .table thead th:last-child,
#page-right-section #tab_tab_data #unit-developerstaff  .table thead th:last-child{
    width: 6%;
} */

#page-right-section .tableContent #facilitybookingtabel33  table thead th:last-child , #page-right-section .tableContent #facilitybookingtabel33  table tbody td:last-child{
    width: 230px;
    max-width: 230px;
}

#page-right-section .tableContent.meet_face_table  table thead th{
    min-width: 150px;
}

#page-right-section .tableContent.meet_face_table  table thead th:first-child{
    min-width: 75px;
}

#page-right-section .tableContent.meet_face_table  table tbody td span.resp-tip i{
    position: unset;
    font-family: 'FontAwesome';
}

#page-right-section #unit-surveyFormTab .tableContent table thead th:last-child , #page-right-section #unit-surveyFormTab .tableContent table tbody td:last-child{
    width: 165px;
}

#page-right-section .tab-content #unit-amenitieslist .image.filemanager .thmb, #page-right-section .tab-content #unit-amenitieslist .image.filemanager .thmb-prev {
    height: 100%;
}

#page-right-section .tab-content #unit-amenitieslist .image.filemanager .thmb-prev a.fancybox{
    display: block;
    height: 100%;
}


#page-right-section .tab-content #unit-amenitieslist .image.filemanager .thmb img{
    height: 100%;
    object-fit: cover;
}

#page-right-section .tab-content #unit-amenitieslist .image.filemanager .book-sec{
    position: absolute;
    right: 0px;
    top: 0;
    display: none;
    background-color: rgba(0,0,0,0.8);
    width: 30px;
    height: 30px;
}

#page-right-section .tab-content #unit-amenitieslist .image.filemanager .book-sec .strip-btn.deleteimg{
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

#page-right-section .tab-content #unit-amenitieslist .image.filemanager .book-sec .strip-btn.deleteimg img{
    width: 15px;
    height: 18px;
}

#page-right-section .tab-content #unit-amenitieslist .image.filemanager .thmb-prev:hover .book-sec{
    display: block;
} 

/* End documents  */

/* Survay  */

#page-right-section .main-section .maincontent .leftSecton .questionList .questionDetail .questionName,
#page-right-section .main-section .maincontent .leftSecton .questionList .questionDetail .questionTypeDiv {
    margin-top: 10px;
}

#page-right-section .main-section .maincontent .leftSecton .questionList .questionDetail .questionName .questioninput {
    font-family: var(--font-family-SemiBold);
    color: var(--text-black);
}

#page-right-section .main-section .maincontent .leftSecton .questionList .questionDetail .possible_answer_detail {
    margin-left: 30px;
}

#page-right-section .main-section .maincontent .leftSecton h5.Survaytitle {
    font-family: var(--font-family-Bold);
    font-size: var(--font-size-medium);
    color: var(--text-green);
    text-decoration: underline;
    text-underline-offset: 8px;
    text-decoration-thickness: 2px;
}


.userSurveyForm {
    padding: 40px 50px;
    border-radius: var(--border-radius);
    box-shadow: 0px 0px 24px 4px rgba(0, 0, 0, 7%);
    margin-bottom: 60px;
}


.surveyform-row p {
    font-weight: normal;
    font-family: var(--font-family-SemiBold);
    font-size: var(--font-size-medium);
    color: var(--text-black);
    text-align: left;
}

.survey-form-section p {
    font-weight: normal;
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
    color: var(--text-black);
    text-align: left;
    line-height: 24px;
    word-break: break-word;
}

.survey-form-section .lh-1-5 {
    line-height: 1.5;
}

.survey-form-section .lh-2 {
    line-height: 2;
}

.survey-form-section p.strong {
    font-weight: normal;
    font-family: var(--font-family-SemiBold);
    font-size: var(--font-size-medium);
    color: var(--text-black);
    text-align: left;
    margin-bottom: 0;
    line-height: 38px;
}

.survey-form-section .form-group {
    margin-bottom: 0px;
}

.survey-form-section .form-group label {
    font-size: var(--font-size-medium);
    color: var(--text-black);
    top: 0 !important;
    line-height: 22px !important;
    margin-bottom: 0;
}

.survey-form-section .form-group .surveyform-form.checkbox-row .checkbox-row {
    margin: 10px -11px;
}

.survey-form-section .form-group .surveyform-form.checkbox-row .checkbox-row:last-child {
    margin: 0px -11px 10px;
}

.survey-form-section .userSurveyForm .surveyform-form.select .select {
    border: none;
}

.survey-form-section .userSurveyForm .form-group .surveyform-form input,
.survey-form-section .userSurveyForm .form-group .surveyform-form textarea {
    padding: 0.3rem 0.75rem 0.3rem;
}

.survey-form-section .userSurveyForm .form-group .surveyform-form input:focus,
.survey-form-section .userSurveyForm .form-group .surveyform-form textarea:focus {
    border: 1px solid var(--border-color);
    box-shadow: none;
    outline: none;
}

.survey-form-section .form-group .surveyform-form.checkbox-row .checkbox-row input#date_range_days{
    padding: 0.3rem 0.75rem 0.3rem;
}

#page-right-section .tab-content .assignSurveyList {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    width: 100%;
    margin: 10px -10px 0;

}
#page-right-section .tab-content .assignSurveyList li {
    list-style: none;
    margin: 0 10px 20px;
    width: calc(25% - 20px);
}
#page-right-section .tab-content .assignSurveyList li a {
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);
    text-decoration: none;
    padding: 5px 15px;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    display: flex;
    justify-content: space-between;
}
#page-right-section .tab-content .assignSurveyList li a span {
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);
    display: block;
}

#page-right-section .tab-content .assignSurveyList li a img {
    width: auto;
} 

/* Survay webview form */

/*form styles*/
#msform {
    text-align: center;
    position: relative;
    margin-top: 20px;
}

.msform fieldset .form-card {
    background: white;
    border: 0 none;
    border-radius: 0px;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
    padding: 20px 40px 30px 40px;
    box-sizing: border-box;
    width: 94%;
    margin: 0 3% 20px 3%;

    /*stacking fieldsets above each other*/
    position: relative;
}

.msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
.msform fieldset:not(:first-of-type) {
    display: none;
}

.msform fieldset .form-card {
    text-align: left;
    color: #9E9E9E;
}

.msform input, .msform textarea {
    padding: 0px 8px 4px 8px;
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 25px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 16px;
    letter-spacing: 1px;
}

.msform input:focus, .msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none;
    font-weight: bold;
    border-bottom: 2px solid skyblue;
    outline-width: 0;
}

/*Blue Buttons*/
.msform .action-button {
    width: 100px;
    background: skyblue;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

.msform .action-button:hover, .msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue;
}

/*Previous Buttons*/
.msform .action-button-previous {
    width: 100px;
    background: #616161;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

.msform .action-button-previous:hover, .msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #616161;
}

/*Dropdown List Exp Date*/
select.list-dt {
    border: none;
    outline: 0;
    border-bottom: 1px solid #ccc;
    padding: 2px 5px 3px 5px;
    margin: 2px;
}

select.list-dt:focus {
    border-bottom: 2px solid skyblue;
}

/*The background card*/
.card {
    z-index: 0;
    border: none;
    border-radius: 0.5rem;
    position: relative;
}

/*FieldSet headings*/
.fs-title {
    font-size: 25px;
    color: #2C3E50;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
}

/*progressbar*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
}

#progressbar .active {
    color: var(--text-black);
}

#progressbar li {
    list-style-type: none;
    font-size: 12px;
    width: 25%;
    float: left;
    position: relative;
}

/*Icons in the ProgressBar*/
#progressbar #account:before {
    font-family: FontAwesome;
    content: "\f023";
}

#progressbar #personal:before {
    font-family: FontAwesome;
    content: "\f007";
}

#progressbar #payment:before {
    font-family: FontAwesome;
    content: "\f09d";
}

#progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\f00c";
}

/*ProgressBar before any progress*/
#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 18px;
    color: var(--text-white);
    background: var(--bg-lightgray);
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
}

/*ProgressBar connectors*/
#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: var(--bg-lightgray);
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1;
}

/*Color number of the step and the connector before it*/
#progressbar li.active:before, #progressbar li.active:after {
    background: skyblue;
}

/*Imaged Radio Buttons*/
.radio-group {
    position: relative;
    margin-bottom: 25px;
}

.radio {
    display:inline-block;
    width: 204;
    height: 104;
    border-radius: 0;
    /* background: lightblue;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2); */
    box-sizing: border-box;
    cursor:pointer;
    margin: 8px 2px; 
}

/* .radio:hover {
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);
} */

/* .radio.selected {
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
} */

/*Fit image in bootstrap div*/
.fit-image{
    width: 100%;
    object-fit: cover;
}


/*========Popup Slider Css=========*/

.pop-sliders {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    z-index: 99999;
    overflow: auto;
    padding: 50px 20px;
}

.slide_sec {
    background: #f3f0ea;
    padding: 0;
    width: 70%;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    box-sizing: content-box;
}

.slide_sec .flexslider {
    min-height: auto !important;
}

.slide_sec .flexslider .slides li {
    height: calc(100vh - 200px) !important;
    background-size: cover;
}

.slide_sec .pop_close {
    position: absolute;
    right: 5px;
    top: 2px;
    font-size: 20px;
    color: var(--text-black);
    cursor: pointer;
}

.slide_sec .skip-btn {
    position: absolute;
    right: 15px;
    top: 3px;
    font-size: 20px;
    color: var(--text-black);
    cursor: pointer;
    z-index: 9;
}

.slide_sec .skip-btn span {
    font-size: 20px;
    color: var(--text-white);
    position: absolute;
    right: -16px;
    top: -1px;
}

.slide_sec .skip-btn a {
    color: var(--text-black);
    font-size: 15px;
}

.check-box {
    position: absolute;
    left: 18px;
    top: 4px;
}

.pop-sliders .flex-control-nav{
    bottom: 0;
}

.pop-sliders .flex-direction-nav a{
    width: 20px;
    height: 28px;
}

.pop-sliders .flex-direction-nav .flex-prev, .pop-sliders .flex-direction-nav .flex-next{
    background: url(../images/upgrade-img/back.svg);
    background-repeat: no-repeat;
    filter: invert(1);
    background-size: 15px;
}


/* Surevy form responsive */

/* @media(max-width: 767px) {
    #page-left-section {
        display: none !important;
    }
    #page-right-section  {
        width: 100%;
    }
    .userSurveyForm {
        margin-bottom: 0px;
    }
    #page-right-section .main-header {
        display: none !important;
    }

    .survey-form-section .tabHeader {
        display: none !important;
    }

    #page-right-section .main-content {
        overflow: inherit;
    }

    .survey-form-section {
        padding: 0px;
    }

    #page-right-section .sub-header {
        padding: 0px;
    }

    .userSurveyForm {
        box-shadow: none;
        padding: 0;
    }

    .userSurveyForm .backsection button{
        width: auto;
        padding: 0;
        background: none;
        margin: 0;
    }
    .userSurveyForm .backsection button:hover,
    .userSurveyForm .backsection button:focus,
    .userSurveyForm .backsection button:active {
        outline: none;
        border: none;
        box-shadow: none;
    }
    .msform fieldset {
        height: 100vh;
        padding-bottom: 0px;
        position: relative;
    }
    .msform fieldset span.toptext {
        line-height: normal;
        display: block;
        margin-left: 25px;
    }

    .msform fieldset .backsection {
       background: var(--bg-lightgray); 
       padding: 20px 15px 10px;
    }
    .msform fieldset .backsection .opacity-1{
        opacity: 1 !important;
    }
    
    .msform fieldset .form-card {
        box-shadow: none;
        margin: 0;
        padding: 0 15px;
    }

    .msform fieldset h6 {
        font-family: var(--font-family-regular);
        font-size: var(--font-size-medium) !important;
        color: var(--text-green) !important;
        text-align: left;
        padding: 30px 15px 0;
    }

    .msform .action-button {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0%);
        background: var(--bg-green);
        border: none;
        box-shadow: none;
        font-size: var(--font-size-medium) !important;
        color: var(--text-white) !important;
        font-family: var(--font-family-SemiBold);
        width: 100%;
        margin: 0;
    }

    .msform fieldset .form-card .surveyform-form {
        padding: 15px 30px;
    }
    .msform fieldset .form-card .surveyform-form .radio-row {
        margin-bottom: 20px;
    }

    .msform fieldset .form-card .surveyform-form .radio-row input[type=radio]:checked+label, 
    .msform fieldset .form-card .surveyform-form .radio-row input[type=radio]:not(:checked)+label {
        border: 1px solid var(--border-color);
        border-radius: var(--border-radius);
        width: 100%;
        height: 60px;
        padding-top: 20px;
        padding-left: 50px;
    }
    .msform fieldset .form-card .surveyform-form .radio-row input[type=radio]:checked+label:before {
        border: 2px solid var(--bg-default);
        top:20px;
        left: 15px;
    }
    .msform fieldset .form-card .surveyform-form input[type=radio]:checked+label:after {
        background: var(--bg-default);
        top:24px;
        left: 19px;
    }

    .msform fieldset .form-card .surveyform-form .radio-row input[type=radio]:checked+label {
        color: var(--text-white);
        background: var(--bg-green);
    }

    .msform fieldset .form-card .surveyform-form .radio-row input[type=radio]:not(:checked)+label:before {
        top:20px;
        left: 15px;
    }
    .msform fieldset .form-card .surveyform-form .radio-row input[type=radio]:not(:checked)+label:after {
        top:24px;
        left: 19px;
    }

} */

/* End Surevy form responsive */

/* Survay webview form */

/* End Survay  */


/* Condo Listing */

.condolistPage {
    background: var(--bg-default) !important;
}

.condolistPage .container {
    max-width: inherit;
    padding: 0;
}

.condolistPage .condolistHeader {
    background: var(--bg-lightgray);
    padding: 41px 15px;
}

.condolistPage .condolistHeader .container {
    max-width: 1630px;
    padding: 0 15px;
}

.condolistPage #login-form-section {
    position: relative;
    top: inherit;
    left: inherit;
    width: auto;
    min-height: auto;
    display: block;
    margin: inherit;
    transform: inherit;
}

.condolistPage #login-form-section .logo-section,
.condolistPage #login-form-section .logo-section {
    display: none;
}

.condolistPage #login-form-section .login-form {
    box-shadow: none;
    max-width: inherit;
    min-width: inherit;
    display: block;
    padding: 0;
}

.condolistPage #login-form-section .login-form .condoSelection .container,.condolistPage #login-form-section .login-form .unitSelection .container {
    max-width: 1630px;
    padding: 0 15px;
}

.condolistPage #login-form-section .login-form .condoSelection .selection-title,.condolistPage #login-form-section .login-form .unitSelection .selection-title {
    display: none;
}

.condolistPage #login-form-section .login-form .condoSelection .container .selection-tab ul,.condolistPage #login-form-section .login-form .unitSelection .container .selection-tab ul {
    list-style: none;
    padding: 0;
    margin: 0;
    -webkit-column-count: 7;
    -moz-column-count: 7;
    column-count: 7;
    display: flex;
    flex-wrap: wrap;
    /* margin: 0 -10px; */
    gap: 10px;
}

.condolistPage #login-form-section .login-form .condoSelection .container .selection-tab,.condolistPage #login-form-section .login-form .unitSelection .container .selection-tab {
    margin: 30px 0;
}

.condolistPage #login-form-section .login-form .condoSelection .container .selection-tab ul li,.condolistPage #login-form-section .login-form .unitSelection .container .selection-tab ul li {
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    width: 19.4%;
    padding: 10px;
    background: var(--bg-lightgray);
    cursor: pointer;
    position: relative;
}

.condolistPage #login-form-section .login-form .condoSelection .container .selection-tab ul li::before,.condolistPage #login-form-section .login-form .unitSelection .container .selection-tab ul li::before{
    position: absolute;
    content: '';
    border: solid var(--bg-black);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    right: 15px;
}


.condolistPage #login-form-section .login-form .condoSelection .container .selection-tab ul li span,.condolistPage #login-form-section .login-form .unitSelection .container .selection-tab ul li span {
    font-family: var(--font-family-SemiBold);
    font-size: var(--font-size-medium);
    color: var(--text-black);
    text-align: center;

}

.condolistPage #login-form-section .login-form .condoSelection .container .selection-tab ul li figure,.condolistPage #login-form-section .login-form .unitSelection .container .selection-tab ul li figure {
    margin: 0;
    display: none;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.condolistPage #login-form-section .login-form .condoSelection .container .selection-tab ul li figure img,.condolistPage #login-form-section .login-form .unitSelection .container .selection-tab ul li figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}
.copydocUrl {  line-height: normal;
    word-wrap: break-word;
    display: block; }

.requestimg {width: 685px;
    height: 176px;
}
/* End Condo Listing */

/* End Main content Section */
select.form-control[size], select.form-control[multiple] {
    height: inherit;
}


/*======Rsvp-ans-design=======*/

#page-right-section .main-section .maincontent .rsvp-ans-div.rsvp_box .rsvp-section .event-buttons{
    background: var(--bg-lightgray);
    border-radius: 10px;
    padding: 0 10px;
    border: 1px solid var(--border-color);
    margin-top: 20px;
    position: relative;
}

#page-right-section .main-section .maincontent .rsvp-ans-div.rsvp_box .rsvp-section .event-buttons li{
    margin-right: 0;
}

#page-right-section .main-section .maincontent .rsvp-ans-div.rsvp_box .rsvp-section .event-buttons li , #page-right-section .main-section .maincontent .rsvp-ans-div.rsvp_box .rsvp-section .event-buttons li .form-group{
    flex: 1;
    text-align: center;
}

#page-right-section .main-section .maincontent .rsvp-ans-div.rsvp_box .rsvp-section .event-buttons li .form-group{
    padding: 10px 0;
    border-right: 1px solid var(--border-color);
}

#page-right-section .main-section .maincontent .rsvp-ans-div.rsvp_box .rsvp-section .event-buttons li .form-group:last-child{
    border-right: none;
}

#page-right-section .main-section .maincontent .rsvp-ans-div.rsvp_box .rsvp-section .event-buttons li .form-group input[type=radio]:checked+label{
    line-height: 22px;
    top: 0;
}

#page-right-section .main-section .maincontent .postDetails .card .cardfooter .rsvp-div .rsvp-ans-div ul.event-buttons:before {
    position: absolute;
    top:-10px;
    right: 35px;
    content: '';
    border-left: 20px solid #f2f2f2;
    border-top: 20px solid transparent;
    transform: rotate(135deg);
}

#page-right-section .main-section .maincontent .postDetails .blog-img.wall_details_img .imagecount{
    display: block;
    text-align: right;
    position: relative;
    right: 0px;
    bottom: 20px;
}

#page-right-section .main-section .maincontent .postDetails .blog-img.wall_details_img .imagecount .displayimagecount{
    width: 24px;
    height: 24px;
    line-height: 24px;
    color: var(--text-white);
    text-align: center;
    font-size: var(--font-size-medium);
    font-family: var(--font-family-SemiBold);
    border-radius: 50%;
    background-color: var(--bg-black);
    font-style: normal;
    text-decoration: none;
    display: inline-block;
}
/*======end Rsvp-ans-design=======*/

/* Start Select2*/
.select2-container--default .select2-selection--multiple .select2-selection__clear{
    display: none;
}

.select2-container {
    min-width: 400px;
}

.select2-dropdown{
    top: -4px;
}

.select2-results__option {
    padding-right: 20px;
    vertical-align: middle;
    line-height: normal;
    padding: 10px 15px;
}

.select2-results__option:before {
    content: '';
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    border: 2px solid #e9e9e9;
    border-radius: 5px;
    background-color: var(--bg-default);
    margin-right: 20px;
    vertical-align: middle;
}

.select2-results__option[aria-selected=true]:before {
    font-family: fontAwesome;
    color: var(--text-white);
    background: url(../images/upgrade-img/checked.svg);
    border: 0;
    display: inline-block;
    padding-left: 3px;
}

.select2 .select2-container--default .selection{
    line-height: 34px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--bg-default);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #eaeaeb;
    color: #272727;
}

.select2-container--default .select2-selection--multiple {
    margin-bottom: 10px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-radius: 5px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid var(--border-color);
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid var(--border-color);
}

.select2-container .select2-search--inline .select2-search__field{
    margin-top: 0;
    margin-bottom: 0 !important;
    height: 34px;
    cursor: pointer;
}

.select2-container.select2-selection--multiple{
    line-height: 32px;
}

.select2-container--open .select2-dropdown {

    border-radius: 6px;
    box-shadow: 0px 0px 24px 4px rgba(0, 0, 0, 7%);

}

select2-search.select2-search--inline{
    height: 32px;
}

.select2-selection {
    padding: 0 5px;
}

.select2-selection__rendered{
    background-image: url(../images/upgrade-img/selectboxarrow.svg);
    background-repeat: no-repeat;
    background-position: right 12px top 16px;
    border-radius: var(--border-radius);
    cursor: pointer;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered{
    padding: 0;
}

.select2-selection .select2-selection--multiple:after {
    content: 'hhghgh';
}

.select-icon .select2-selection__placeholder .badge {
    display: none;
}

.select2-results__option{
    position: relative;
}

.select2-results__option:before{
    display: none;
    margin-right: 0;
}

.select2-results__option[aria-selected=true]:before{
    right: 5px;
    top: 8px;
    left: auto;
    position: absolute;
    padding-left: 0;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
}


.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected=true]:before {
    display: none !important;
}

.select-icon .select2-search--dropdown {
    display: none;
}

.form-group.field-dynamicmodel-conciergecategoryid .styledSelect{
    padding: 20px 10px 10px 10px;
}

.form-group .field-dynamicmodel-concierge_category_issue input{
    height: 14px;
    margin-bottom: 0;
    margin-top : 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
    padding: 0 18px 0 5px;
    position: relative;
    line-height: 30px;
    background: var(--bg-default);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    margin-right: 0;
    position: absolute;
    right: 3px;
    line-height: 10px;
    top: 10px;
}


a.button-fill-primary-large.AddAdditionalData:hover, a.button-fill-primary-large.AddAdditionalData:focus, a.button-fill-primary-large.AddAdditionalData:active{
    color: var(--text-white);
}

.form-group .additional_data_input{
    padding-top: 0.3rem;
}
/* End Select2*/

/* modal-lg */
.modal-dialog.modal-lg{
    max-width: 700px;
}

/* modal-lg end */

/* Required CSS */
/* .required::after { 
    content:"*"; 
    color:red;
}  */

/* --------------------------------------------------------------- */

#packageCollectpopup.modal .modal-dialog .modalboxbody {
    text-align: center;
}

#packageCollectpopup.modal .modal-dialog .modalboxbody .pack_anckor_btn{
    display: inline-block;
}

#packageCollectpopup.modal .modal-dialog .modalboxbody .pack_anckor_btn img{
    width: 50px;
}

/*========Visitors Design==========*/
#page-right-section .main-section .maincontent .imageuploaddiv.visitor_imagePre_box{
    width: 300px;
}

#page-right-section .main-section .maincontent .imageuploaddiv.visitor_imagePre_box .visitor_imgfiledata1forcropdiv .adjust_note{
    line-height: 16px;
    font-size: var(--font-size-x-small);
    color: var(--text-darkgray);
    font-family: var(--font-family-SemiBold);
}

#page-right-section .main-section .maincontent .visitor_imgfiledata1forcropdiv{
    display: flex;
    flex-direction: column-reverse;
    margin: 15px 0;
}

#page-right-section .main-section .maincontent .visitor_imgfiledata1forcropdiv .croppie-container .cr-boundary{
    margin: 0;
    border-radius: var(--border-radius);
}

#page-right-section .main-section .maincontent .visitor_imgfiledata1forcropdiv .croppie-container .cr-boundary .cr-viewport{
    border-radius: var(--border-radius); 
}

#page-right-section .main-section .maincontent .visitor_imgfiledata1forcropdiv .croppie-container .cr-slider-wrap{
    margin: 15px auto 0;
}

#page-right-section .main-section .maincontent .visitor_imgfiledata1forcropdiv .croppie-container .cr-slider-wrap .fa-minus-circle , #page-right-section .main-section .maincontent .visitor_imgfiledata1forcropdiv .croppie-container .cr-slider-wrap .fa-plus-circle , #page-right-section .main-section .maincontent .cameraimagepreviewdiv .croppie-container .cr-slider-wrap .fa-minus-circle , #page-right-section .main-section .maincontent .cameraimagepreviewdiv .croppie-container .cr-slider-wrap .fa-plus-circle{
    top: 7px;
    color: var(--text-darkgray);
    font-size: var(--font-size-medium-large);
}

#page-right-section .main-section .maincontent .visitor_imgfiledata1forcropdiv .croppie-container .cr-slider-wrap .cr-slider{
    width: 165px;
}

#page-right-section .main-section .maincontent .visit_upload_source_imgBox{
    margin-bottom: 20px;
}

#page-right-section .main-section .maincontent .visit_upload_source_imgBox .gender-title.show_profile_gender_title{
    min-width: 165px;
}

#page-right-section .main-section .maincontent .visit_upload_source_imgBox .gender-options{
    height: 30px;
    margin-top: 10px;
    margin-left: 15px;
}

#page-right-section .main-section .maincontent .visit_upload_source_imgBox .gender-options .form-group{
    height: 30px;
}

.form-group.note_text_form_group{
    line-height: 18px;
}

.form-group .new-date.note_text{
    color: var(--text-darkgray);
    font-family: var(--font-family-SemiBold);
}
/*========Visitors Design End==========*/

/*==========Vechicles Design==========*/
#page-right-section .main-section .maincontent.info-section .approval-section-block{
    color: var(--text-black);
    font-family: var(--font-family-SemiBold);
    font-size: var(--font-size-medium);
}

#page-right-section .main-section .maincontent .info_maincontent_approved p{
    text-align: right;
    color: var(--text-green);
    font-size: var(--font-size-medium);
}
/*==========Vechicles Design End==========*/

/*=============Inspection Add Header and Add task Css===========*/
#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .headerDetail .add_header_box .form-group, #page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .headerDetail .add_task_box .form-group{
    width: 100%;
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .headerDetail .add_header_box .task_header_deleteBox, #page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .headerDetail .add_task_box .task_header_deleteBox {
    width: 62px;
    height: 50px;
    margin-left: 2%;
    text-align: center;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .headerDetail{
    position: relative;
    margin-bottom: 15px;
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .add-header-task-btnBox{
    position: absolute;
    bottom: 15px;
    right: 140px;
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .add-header-task-btnBox.before-submit-header{
    bottom: 17px;
}
#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .add-header-task-btnBox.after-submit-header{
    bottom: 17px;
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .addTask {
    font-family: var(--font-family-SemiBold);
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .add-header-task-btnBox .select-to-share a{
    all: unset;
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .add-header-task-btnBox .select-to-share.btntask{
    margin-right: 10px;
}

.accordion-childs .fa.fa-star,.accordion-childs .fa.fa-star-o {
    color: transparent !important;
    height: 19px;
    width: 19px;
    display: inline-block;
    background-size: cover;
    cursor: pointer;
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .inspection-detail-right-section .accordion-navigation .info_iconBox{
    padding: 12px 0;
    position: relative;
}

.accordion-childs .fa.fa-star {
    background-image: url(../images/upgrade-img/info-blue.svg);
    right: 0;
    top: 10px;
    position: absolute;
}
.accordion-childs .fa.fa-star-o {
    background-image: url(../images/upgrade-img/info.svg);
    right: 0;
    top: 10px;
    position: absolute;
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .inspection-detail-right-section .accordion-navigation a{
    padding: 12px;
    cursor: pointer;
    position: relative;
    border-radius: 6px 6px 0 0;
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .inspection-detail-right-section .accordion-navigation.accord_nav_inactive a{
    border-radius: var(--border-radius);
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .inspection-detail-right-section .accordion-navigation a img{
    position: absolute;
    right: 10px;
    top: 20px;
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .inspection-detail-right-section .accordion-navigation .accordion-childs{
    border: 1px solid var(--border-color);
    border-top: none;
    border-radius: 0 0 6px 6px;
    padding: 0 12px;
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .inspection-detail-right-section .accordion-navigation .form-group input[type=checkbox]:not(:checked)+label:before, #page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .inspection-detail-right-section .accordion-navigation .form-group .checkbox-row .checkboxes input[type="checkbox"]:checked+label:before{
    top: 0;
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .inspection-detail-right-section .accordion-navigation .form-group input[type=checkbox]:checked+label, #page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .inspection-detail-right-section .accordion-navigation .form-group input[type=checkbox]:not(:checked)+label{
    line-height: normal;
    color: var(--text-darkgray);
    text-transform: capitalize;
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .inspection-detail-right-section .accordion-navigation a span{
    font-size: var(--font-size-medium);
    color: var(--text-black);
    font-family: var(--font-family-SemiBold);
    text-transform: capitalize;
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview .manage_ins_btn a{
    font-family: var(--font-family-SemiBold);
}

#page-right-section .main-section .maincontent .rightSecton .tabbingCategroyview #taskRemark h3.headername{
    text-transform: capitalize;
}
/*=============End Inspection Add Header and Add task Css===========*/

/*=============FR Css===========*/

#page-right-section .main-section .maincontent .leftSecton .max_photo_message{
    display: inline-block;
    font-family: var(--font-family-SemiBold);
    font-size: var(--font-size-medium);
    color: var(--text-black);
}

#page-right-section .main-section .maincontent .leftSecton .galleryimage .fr_imageBox_item{
    position: relative;
    text-align: center;
}

#page-right-section .main-section .maincontent .leftSecton .galleryimage .fr_imageBox_item .fr_image_label , #page-right-section .main-section .maincontent .leftSecton .profile-img-fr .profile_fr_edit_imgBox label{
    font-size: var(--font-size-medium);
    font-family: var(--font-family-regular);
    line-height: normal;
}

#page-right-section .main-section .maincontent .leftSecton .profile-img-fr{
    display: flex;
    margin-top: 10px;
}

#page-right-section .main-section .maincontent .leftSecton .profile-img-fr .profile_fr_edit_imgBox{
    text-align: center;
}

#page-right-section .main-section .maincontent .leftSecton .galleryimage .fr_imageBox_item .fr_image , #page-right-section .main-section .maincontent .leftSecton .profile-img-fr .profile_fr_edit_imgBox .profile-img-fr{
    border-radius: var(--border-radius);
    width: 153px;
    height: 151px;
    object-fit: cover;
}

#page-right-section .main-section .maincontent .leftSecton .galleryimage .fr_imageBox_item .attachmentdelete {
    position: absolute;
    top: 0;
    right: 12px;
    line-height: 12px;
}

/*=============FR End Css===========*/


/*=============Amenity Facility Css===========*/
#page-right-section .main-section .maincontent #accordion_basicDetail .amenity_facility_editorBox .form-group label, #page-right-section .main-section .maincontent .welcome_letter_editor .form-group label{
    top: 15px;
    left: 13px;
    line-height: 20px;
}
#page-right-section .main-section .maincontent .welcome_letter_editor{
    margin-bottom: 15px;
}
#page-right-section .main-section .maincontent #accordion_basicDetail .amenity_facility_editorBox,
#page-right-section .main-section .maincontent .welcome_letter_editor{
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    overflow: hidden;
}

#page-right-section .main-section .maincontent #accordion_basicDetail .amenity_facility_editorBox .form-group label,
#page-right-section .main-section .maincontent .welcome_letter_editor .form-group label{
    z-index: 9;
}

#page-right-section .main-section .maincontent #accordion_basicDetail .amenity_facility_editorBox .form-group .ck-editor,
#page-right-section .main-section .maincontent .welcome_letter_editor .form-group .ck-editor{
    padding-top: 45px;
}

#page-right-section .main-section .maincontent #accordion_basicDetail .amenity_facility_editorBox .form-group .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused),#page-right-section .main-section .maincontent .welcome_letter_editor .form-group .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused){
    border: none;
}

#page-right-section .main-section .maincontent #accordion_basicDetail .amenity_facility_editorBox .form-group .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar, #page-right-section .main-section .maincontent #accordion_basicDetail .amenity_facility_editorBox .form-group .ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners,#page-right-section .main-section .maincontent .welcome_letter_editor .form-group .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,
#page-right-section .main-section .maincontent .welcome_letter_editor .form-group .ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners{
    border: none;
    border-bottom: 1px solid var(--border-color);
    border-radius: 0;
    background: var(--bg-lightgray);
}

#page-right-section .main-section .maincontent #accordion_basicDetail .amenity_facility_editorBox .form-group .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable),#page-right-section .main-section .maincontent .welcome_letter_editor .form-group .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable),
#page-right-section .main-section .maincontent .welcome_letter_editor .form-group .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable){
    border: none;
    box-shadow: none;
}
#page-right-section .main-section .maincontent .postDetails.amenityCardBox .service_req_det_accord .card .card-header h5 button p{
    color: var(--text-black);
}

#page-right-section .main-section .maincontent #accordion_basicDetail .amenity_facility_editorBox .cke_chrome , #page-right-section .main-section .maincontent .welcome_letter_editor .cke_chrome{
    padding-top: 50px;
}

#page-right-section .main-section .maincontent #accordion_basicDetail .amenity_facility_editorBox .cke_chrome ,  #page-right-section .main-section .maincontent #accordion_basicDetail .amenity_facility_editorBox .cke_chrome .cke_inner , #page-right-section .main-section .maincontent #accordion_basicDetail .amenity_facility_editorBox .cke_chrome .cke_inner .cke_top , #page-right-section .main-section .maincontent .welcome_letter_editor .cke_chrome ,  #page-right-section .main-section .maincontent .welcome_letter_editor .cke_chrome .cke_inner , #page-right-section .main-section .maincontent .welcome_letter_editor .cke_chrome .cke_inner .cke_top{
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}

#page-right-section .main-section .maincontent #accordion_basicDetail .amenity_facility_editorBox .cke_chrome, #page-right-section .main-section .maincontent #accordion_basicDetail .amenity_facility_editorBox .cke_chrome .cke_inner, #page-right-section .main-section .maincontent #accordion_basicDetail .amenity_facility_editorBox .cke_chrome .cke_inner .cke_contents, #page-right-section .main-section .maincontent .welcome_letter_editor .cke_chrome, #page-right-section .main-section .maincontent .welcome_letter_editor .cke_chrome .cke_inner, #page-right-section .main-section .maincontent .welcome_letter_editor .cke_chrome .cke_inner .cke_contents {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

#page-right-section .main-section .maincontent #accordion_basicDetail .amenity_facility_editorBox .cke_editable p , #page-right-section .main-section .maincontent .welcome_letter_editor .cke_editable p{
    line-height: 16px;
    margin-top: 24px;
}

#page-right-section .main-section .maincontent #accordion_basicDetail .amenity_facility_editorBox .cke_bottom , #page-right-section .main-section .maincontent .welcome_letter_editor .cke_bottom{
    display: none;
}

#page-right-section .main-section .maincontent .postDetails.amenityCardBox .card{
    z-index: initial;
}

#page-right-section .main-section .maincontent .postDetails.amenityCardBox .card textarea{
    line-height: 16px;
}

#page-right-section .main-section .maincontent .postDetails.amenityCardBox .service_req_det_accord .card .card-body .per_day_title{
    color: var(--text-black);
    font-family: var(--font-family-SemiBold);
}

#page-right-section .main-section .maincontent .postDetails.amenityCardBox .service_req_det_accord .card .card-body .amenityaddslotList{
    list-style: none;
}

#page-right-section .main-section .maincontent .postDetails.amenityCardBox .service_req_det_accord .card .card-body .amenityaddslotList li{
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

#page-right-section .main-section .maincontent .postDetails.amenityCardBox .service_req_det_accord .card .card-body .amenityaddslotList li:last-child{
    margin-bottom: 0;
}

#page-right-section .main-section .maincontent .postDetails.amenityCardBox .service_req_det_accord .card .card-body .amenityaddslotList li h3{
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);
    color: var(--text-black);
    margin-right: 15px;
}

#page-right-section .main-section .maincontent .postDetails.amenityCardBox .service_req_det_accord .card .card-body .amenityaddslotList li .book-sec{
    line-height: initial;
    text-align: end;
}

#page-right-section .main-section .maincontent .postDetails.amenityCardBox .service_req_det_accord .card .card-body .amenityaddslotList li .book-sec .vertical_seprator{
    display: inline-block;
    border-right: 1px dotted var(--border-color);
    width: 0.5px;
    height: 10px;
    margin: 0 10px;
}

#page-right-section .main-section .maincontent .postDetails.amenityCardBox .service_req_det_accord .card .card-body .booking_depositBox, .booking_depositBox , #inlineNoteModel.modal .modal-dialog .modal-body .booking_depositBox{
    display: flex;
    align-items: flex-start;
}

#page-right-section .main-section .maincontent .postDetails.amenityCardBox .service_req_det_accord .card .card-body .booking_depositBox .sign , .booking_depositBox .sign , #inlineNoteModel.modal .modal-dialog .modal-body .booking_depositBox .sign{
    margin-bottom: 15px;
    border: 1px solid var(--second-border-color);
    background: var(--bg-lightgray);
    padding: 5px 15px;
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
    color: var(--text-darkgray);
}

#page-right-section .main-section .maincontent .postDetails.amenityCardBox .service_req_det_accord .card .card-body .booking_depositBox .form-group , .booking_depositBox .form-group , #inlineNoteModel.modal .modal-dialog .modal-body .booking_depositBox .form-group{
    width: 100%;
}

#page-right-section .main-section .maincontent .postDetails.amenityCardBox .service_req_det_accord .card .card-body .booking_depositBox .form-group.label-up label{
    width: calc(100%- 18px);
}

#page-right-section .main-section .maincontent .postDetails.amenityCardBox .service_req_det_accord .card .card-body .booking_depositBox .form-group input , .booking_depositBox .form-group input , #inlineNoteModel.modal .modal-dialog .modal-body .booking_depositBox .form-group input{
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.booking_depositBox .form-group input#dynamicmodel-depositamount ,.booking_depositBox .form-group input#dynamicmodel-cancellationpenalty,
.booking_depositBox .form-group input.book_peak_input , .booking_depositBox .form-group input.book_peak_input {
    padding: 1.4rem 0.75rem 0.3rem;
}

.booking_depositBox .form-group input , #inlineNoteModel.modal .modal-dialog .modal-body .booking_depositBox .form-group input{
    padding-top: 4px;
}

#page-right-section .main-section .maincontent .postDetails.amenityCardBox .service_req_det_accord .card .card-body .outofservicelidiv span{
    line-height: initial;
}

#page-right-section .main-section .maincontent .postDetails.amenityCardBox .service_req_det_accord .card .card-body .form-group.field-dynamicmodel-deposit_collection_label label , #page-right-section .main-section .maincontent .postDetails.amenityCardBox .service_req_det_accord .card .card-body .form-group.field-dynamicmodel-deposit_collection_labelzhsg label , #page-right-section .main-section .maincontent .postDetails.amenityCardBox .service_req_det_accord .card .card-body .form-group.field-dynamicmodel-paymentremindertext label , .form-group .field-dynamicmodel-isgroupbooking h3 label {
    line-height: 16px;
    top: 2px;
    position: static;
}

#page-right-section .main-section .maincontent .postDetails.amenityCardBox .service_req_det_accord .card .card-body .form-group.field-dynamicmodel-deposit_collection_label input, #page-right-section .main-section .maincontent .postDetails.amenityCardBox .service_req_det_accord .card .card-body .form-group.field-dynamicmodel-deposit_collection_labelzhsg input{
    padding: 0.3rem 0.75rem 0.3rem;
}

#page-right-section .main-section .maincontent .leftSecton .facility_prop_box{
    display: flex;
    flex-wrap: wrap;
}

#page-right-section .main-section .maincontent .leftSecton .facility_prop_box .tnc_form_group{
    max-width: 20%;
    width: 20%;
    padding-right: 15px;
    min-height: 30px;
}

#page-right-section .main-section .maincontent .leftSecton .facility_prop_box .tnc_form_group label , #page-right-section .main-section .maincontent .leftSecton .facility_prop_box .tnc_form_group .checkboxes{
    line-height: initial;
}

#page-right-section .main-section .maincontent .leftSecton .facility_prop_box .tnc_form_group label small{
    color: var(--text-error);
    font-size: 15px;
    display: inline-block;
}

#page-right-section .main-section .maincontent .leftSecton .facility_prop_box .tnc_form_group .form-group .checkbox-row .checkboxes input[type="checkbox"]:checked+label:before, #page-right-section .main-section .maincontent .leftSecton .facility_prop_box .tnc_form_group .form-group input[type=checkbox]:not(:checked)+label:before{
    top: 0;
}

#page-right-section .main-section .maincontent .leftSecton .bottom20.fac_details_list{
    list-style: none;
}

#page-right-section .main-section .maincontent .leftSecton .bottom20.fac_details_listItem li{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--second-border-color);
    color: var(--text-darkgray);
}
.styledSelect{color: #7f7f7f;}
/*=============Amenity Facility End Css===========*/


/*=============Booking Slot Facility Css===========*/
#page-right-section .main-section .maincontent .bookingSlot_leftSection{
    padding-right: 150px;
}

#page-right-section .main-section .maincontent .bookingSlot_leftSection .calendardiv .fc{
    background: transparent;
    border: 1px solid var(--second-border-color);
    border-radius: var(--border-radius);
    color: var(--text-black) !important;
}

#page-right-section .main-section .maincontent .bookingSlot_leftSection .calendardiv .fc .fc-toolbar{
    margin-bottom: 0;
    padding: 10px 0 5px;
    border-bottom: 1px solid var(--second-border-color);
}

#page-right-section .main-section .maincontent .bookingSlot_leftSection .calendardiv .fc .fc-toolbar h2{
    font-family: var(--font-family-SemiBold);
}

#page-right-section .main-section .maincontent .bookingSlot_leftSection .calendardiv .fc .fc-month-view{
    border: none;
}

#page-right-section .main-section .maincontent .bookingSlot_leftSection .calendardiv .fc th{
    font-weight: 500;
    color: var(--text-black);
}

#page-right-section .main-section .maincontent .bookingSlot_leftSection .calendardiv .fc .fc-ltr .fc-basic-view .fc-day-number{
    height: 42px;
    font-weight: 400 !important;
}

#page-right-section .main-section .maincontent .bookingSlot_leftSection .calendardiv .fc .fc-day-number.fc-past{
    color: var(--text-darkgray) !important;
}

#page-right-section .main-section .maincontent .bookingSlot_leftSection .calendardiv .fc .fc-day-number.fc-future{
    /* color: var(--text-green) !important; */
    font-weight: 600 !important;
}

#page-right-section .main-section .maincontent .bookingSlot_leftSection .calendardiv .fc .fc-day-number.fc-future.fc-state-highlight, #page-right-section .main-section .maincontent .bookingSlot_leftSection .calendardiv .fc .fc-day-number.fc-past.fc-state-highlight{
    color: var(--text-white) !important;
}

#page-right-section .main-section .maincontent .bookingSlot_leftSection .calendardiv .fc .fc-state-highlight{
    background: var(--bg-green) !important;
    font-weight: 400 !important;
}

#page-right-section .main-section .maincontent .bookingSlot_leftSection .calendardiv .fc th, #page-right-section .main-section .maincontent .bookingSlot_leftSection .calendardiv .fc td,#page-right-section .main-section .maincontent .bookingSlot_leftSection .calendardiv .fc-toolbar .fc-unthemed th, #page-right-section .main-section .maincontent .bookingSlot_leftSection .calendardiv .fc-unthemed td, #page-right-section .main-section .maincontent .bookingSlot_leftSection .calendardiv .fc-unthemed thead, #page-right-section .main-section .maincontent .bookingSlot_leftSection .calendardiv .fc-unthemed tbody, #page-right-section .main-section .maincontent .bookingSlot_leftSection .calendardiv .fc-unthemed .fc-divider, #page-right-section .main-section .maincontent .bookingSlot_leftSection .calendardiv .fc-unthemed .fc-row, #page-right-section .main-section .maincontent .bookingSlot_leftSection .calendardiv .fc-unthemed .fc-content, #page-right-section .main-section .maincontent .bookingSlot_leftSection .calendardiv .fc-unthemed .fc-popover{
    border: none;
}

#page-right-section .main-section .maincontent .bookingSlot_leftSection .calendardiv .fc .fc-icon-left-single-arrow::after, #page-right-section .main-section .maincontent .bookingSlot_leftSection .calendardiv .fc-icon-right-single-arrow::after{
    color: var(--text-black);
}

#page-right-section .main-section .maincontent .bookingSlot_leftSection .calendardiv .fc .fc-button-group button:focus{
    outline: none;
}

#page-right-section .main-section .maincontent .bookingSlot_leftSection .booking-legend fieldset{
    all: revert;
    border: 1px solid var(--second-border-color);
    border-radius: var(--border-radius);
}

#page-right-section .main-section .maincontent .bookingSlot_leftSection .booking-legend fieldset legend{
    width: auto;
    color: var(--text-darkgray);
    font-size: var(--font-size-small);
    padding: 0 5px;
}

#page-right-section .main-section .maincontent .bookingSlot_leftSection .booking-legend fieldset .booking-legend-content .booking_slot_box{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 20px;
    height: auto;
    line-height: normal;

}

#page-right-section .main-section .maincontent .bookingSlot_leftSection .calendar-left .amenityBookedSlot .amenitybookslothheader  {
    text-align: center;
    background: var(--bg-lightgray);
    color: var(--text-darkgray);
    border-radius: var(--border-radius);
}

#page-right-section .main-section .maincontent .bookingSlot_leftSection .calendar-left .amenityBookedSlot .facilityTitle{
    background: none;
    font-size: var(--font-size-medium);
    font-family: var(--font-family-SemiBold);
    color: var(--text-darkgray);
    text-align: left;
    margin-top: 15px;
}

#page-right-section .main-section .maincontent .bookingSlot_leftSection .calendar-left .amenityBookedSlot .amenityallslot{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

#page-right-section .main-section .maincontent .bookingSlot_leftSection .calendar-left .amenityBookedSlot .amenityallslot .slot {
    text-align: center;
    padding: 13px 12px;
    border: 1px solid var(--bg-green);
    border-radius: var(--border-radius);
    background: var(--bg-green);
    color: var(--text-white);
    flex: 1 1 calc(33.33% - 10px);
    max-width: calc(33.33% - 10px);
    line-height: normal;
}

#page-right-section .main-section .maincontent .calendar-right .amenitydayslot .amenityallslot .slot.handoverSlot-hightlight , #page-right-section .main-section .maincontent .calendar-right .amenitydayslot .handoverbookingSlot .slotBox .slot.handoverSlot-hightlight{
    background: var(--bg-green);
    color: var(--text-white);
    height: 100%;
}

#page-right-section .main-section .maincontent .calendar-right .amenitydayslot .handoverbookingSlot .slotBox .slot.grey {
    opacity: .4;
    background-color: var(--bg-darkgray);
}

/* #page-right-section .main-section .maincontent .bookingSlot_leftSection .calendar-left .amenityBookedSlot .amenityallslot .slot:first-child , #page-right-section .main-section .maincontent .bookingSlot_leftSection .calendar-left .amenityBookedSlot .amenityallslot .slot:nth-child(3n+1){
    margin-left: 0;
} */

/* #page-right-section .main-section .maincontent .bookingSlot_leftSection .calendar-left .amenityBookedSlot .amenityallslot .slot:nth-child(3n) {
    margin-right: 0;
} */

#page-right-section .main-section .maincontent .bookingSlot_leftSection .booking-legend fieldset .booking-legend-content .booking_slot_box .legend-slot{
    display: flex;
    align-items: center;
}

#page-right-section .main-section .maincontent .bookingSlot_leftSection .booking-legend fieldset .booking-legend-content .booking_slot_box .legend-slot .slot-color{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 3px;
}

#page-right-section .main-section .maincontent  .calendar-right .amenitydayslot .amenityheader{
    font-size: var(--font-size-medium);
    font-family: var(--font-family-SemiBold);
    color: var(--text-darkgray);
}

#page-right-section .main-section .maincontent  .calendar-right .amenitydayslot .amenityallslot, #page-right-section .main-section .maincontent  .calendar-right .amenitydayslot .handoverbookingSlot {
    display: flex;
    flex-wrap: wrap;
    min-height: 56px;
    max-height: 335px;
    overflow-y: auto;
}

#page-right-section .main-section .maincontent  .calendar-right .selected_slot_title h3{
    font-size: var(--font-size-medium-large);
    color: var(--text-black);
}

#page-right-section .main-section .maincontent  .calendar-right .amenitydayslot .handoverbookingSlot .slotBox{
    position: relative;
    border: 1px solid var(--border-color) !important;
    width: 18.70%;
    text-align: center;
    border-radius: var(--border-radius);
    margin: 4px;
    cursor: pointer;
}

#page-right-section .main-section .maincontent  .calendar-right .amenitydayslot .handoverbookingSlot .slotBox .slot::before , #page-right-section .main-section .maincontent .calendar-right .amenitydayslot .handoverbookingSlot .slotBox .slot.handoverSlot-hightlight::after{
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 2px;
    background: transparent;
    border: 1px solid var(--border-color);
    left: 5px;
    top: 15px;
}

#page-right-section .main-section .maincontent .calendar-right .amenitydayslot .handoverbookingSlot .slotBox .slot.handoverSlot-hightlight::after{
    background: url(../images/upgrade-img/checked.svg) no-repeat center;
    border-color: var(--text-white);
}

#page-right-section .main-section .maincontent .calendar-right .amenitydayslot .handoverbookingSlot .slotBox .slot.handoverSlot-hightlight::before{
    display: none;
}

#page-right-section .main-section .maincontent  .calendar-right .amenitydayslot .handoverbookingSlot .slotBox .slot{
    padding: 3px 15px;
    height: 100%;
    border-radius: 4px;
}

#page-right-section .main-section .maincontent  .calendar-right .amenitydayslot .amenityallslot .slot{
    width: 18.70%;
    text-align: center;
    padding: 3px 15px;
    border: 1px solid var(--bg-green);
    border-radius: var(--border-radius);
    margin: 5px;
    cursor: pointer;
}

#page-right-section .main-section .maincontent  .calendar-right .amenitydayslot .amenityallslot .slot.grey{
    background: var(--bg-lightgray);
}

#page-right-section .main-section .maincontent  .calendar-right .amenitydayslot .amenityallslot .slot.blue{
    background: var(--bg-blue);
    color: var(--text-white);
    border-color: transparent;
}

#page-right-section .main-section .maincontent  .calendar-right .amenitydayslot .amenityallslot .slot:nth-child(5n+1) ,#page-right-section .main-section .maincontent  .calendar-right .amenitydayslot .handoverbookingSlot .slotBox:nth-child(5n+1), #page-right-section .main-section .maincontent  .calendar-right .amenitydayslot .amenityallslot .slot:first-child , #page-right-section .main-section .maincontent  .calendar-right .amenitydayslot .handoverbookingSlot .slotBox:first-child{
    margin-left: 0;
}

#page-right-section .main-section .maincontent  .calendar-right .amenitydayslot .amenityallslot .slot:nth-child(5n), #page-right-section .main-section .maincontent  .calendar-right .amenitydayslot .handoverbookingSlot .slotBox:nth-child(5n){
    margin-right: 0;
}

#accordion_bookingStaff_collapse .select2-container , .common_select2_custombox .select2-container{
    min-width: 100%;
}

.select2-dropdown{
    border: 1px solid var(--border-color);
}

.select2-container--open .select2-dropdown--above{
    border-bottom: 1px solid var(--border-color);
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

#accordion_bookingStaff_collapse .select2-container--default .select2-selection--multiple .select2-selection__rendered , .common_select2_custombox .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    padding-right: 28px;
}

.facilitygrpline span{
    display: inline-block;
    width: 20px;
    height: 4px;
    background: var(--bg-black);
    border-radius: 3px;
    margin-right: 10px;
}

.amenityheader.amenityheader_innerHeader{
    font-family: var(--font-family-SemiBold);
    color: var(--text-darkgray);
    font-size: var(--font-size-medium);
}
.facilitycalendar .fc-today {background: transparent;}
.amenitydayslot .underMaintainance{
    color: #ef4545;
}
 .notice {
    font-size: 14px;
    color: #ef4545;
}
/*=============Booking Slot Facility Css===========*/

/*=============Key Collection Css===========*/

#page-right-section .main-section .maincontent .rightSecton .slotForm li{
    display: flex;
    justify-content: space-between;
    list-style: none;
}

#page-right-section .main-section .maincontent .rightSecton .slotForm li .lidiv{
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);
    color: var(--text-black);
    margin-right: 15px;
}

#page-right-section .tab-content .tableContent table td ul{
    display: flex;
    list-style: none;
}

#page-right-section .tab-content .tableContent table td.hand_over_actionbtn a{
    text-decoration: underline;
    display: inline-block;
}

#page-right-section .tab-content .tableContent table td.hand_over_actionbtn a.Adduser{
    color: var(--text-secondary-color);
}

#page-right-section .tab-content .tableContent table td a.complete_btn{
    color: var(--text-green);
}

#page-right-section .tab-content .tableContent table td a.reshedule_btn{
    color: var(--text-link-secondry);
    margin: 0 10px;
}

#page-right-section .tab-content .tableContent table td a.cancel_btn{
    color: var(--text-error);
}

#page-right-section .main-section .page-amenitie-detail .amenitydetail ul p{
    line-height: 20px;
    margin-bottom: 5px;
}

.slotForm.manage-rig-secform{
    overflow-y: auto;
    height: 100%;
    max-height: calc(100vh - 345px);  
}

.slotForm.manage-rig-staffform{
    overflow-y: auto;
    height: 100%;
    max-height: calc(100vh - 225px);
}

.filterholiday .form-group #holidaydatetime-kvdate.date .input-group-append .kv-date-picker{
    background-position: top 50% right 2%;
}

/*=============Key Collection End Css===========*/

.crownamenity {
    position: absolute;
    left: 35px;
    top: 0;
}

.visa_card_imgbox, .card-delete{
    line-height: normal;
}

.add_card_block .gender-options{
    height: 30px;
}

.bookingSlot:hover{
    background: var(--bg-green) !important;
    color: var(--text-white) !important;
}

#page-right-section .main-section .maincontent .rightSecton .rightsection_heading{
    color: var(--text-darkgray);
}

/*----------------------------------------------------------------*/


/*-----------------------------Payment Recipts Details-----------------------------------*/
.recipt-container{
    padding: 40px 30px;
}

.recipt-container h3{
    font-size: var(--font-size-medium-large);
}

.recipt-container .trans_status{
    color: var(--status-pending);
}

.recipt-container ul{
    list-style: none;
}

.recipt-container ul li{
    color: var(--text-darkgray);
    font-size: var(--font-size-small);
    display: flex;
    justify-content: space-between;
}

.recipt-container ul li span{
    color: var(--text-black);
    font-family: var(--font-family-SemiBold);
    width:60%;
    text-align:right;
}

.recipt-container .transaction-detail .bottom20{
    border: 1px solid var(--second-border-color);
    border-radius: var(--border-radius);
    padding: 20px;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
}

.recipt-container .transaction-detail .bottom20.receiptpaymentdetail{
    border: 1px solid var(--second-border-color);
border-radius: var(--border-radius);

}

.recipt-container .total-amount{
    padding: 10px 20px;
    border: 1px solid var(--second-border-color);
    border-radius: var(--border-radius);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: none;
    position: relative;
}

.recipt-container .total-amount::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: var(--second-border-color);
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}
.recipt-container.meet-license-recipt .transaction-detail .bottom20.top-title-list{
    border: none;
    border-bottom: 1px solid var(--second-border-color);
}
.recipt-container.meet-license-recipt .transaction-detail .bottom20{
    border: none;
}
.recipt-container.meet-license-recipt ul.bottom20 {
    display: flex;
    padding: 0;
}
.recipt-container.meet-license-recipt ul li{
    display: block;
    width: 50%;
    margin: 0;
    padding: 10px 0;
}
.recipt-container.meet-license-recipt ul li span{
    width: 100%;
    display: block;
    text-align: left;
}
.recipt-container.meet-license-recipt ul li .bottom-span{
    color: var(--text-darkgray);
    font-family: var(--font-family-regular);
    margin-top: 2px;
}
.inspection-right-background.meetmelicencerenewal-payment-box{
    padding: 20px 12px 0;
}

/*----------------------------------------------------------------*/


/*=============Edit profile ===========*/

#page-right-section .main-section .maincontent .left_side_profile_img .edit_profile_info{
    text-align: center;
}

#page-right-section .main-section .maincontent .left_side_profile_img .edit_profile_info h5{
    color: var(--text-black);
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 4px;
}

#page-right-section .main-section .maincontent .left_side_profile_img .edit_profile_info p{
    color: var(--text-darkgray);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 2px;
}

#page-right-section .main-section .maincontent .left_side_profile_img .profile-img{
    margin-bottom: 13px;
}

#page-right-section .main-section .maincontent .key_collection_details ul{
    list-style: none;
}

#page-right-section .main-section .maincontent .key_collection_details h3{
    font-size: var(--font-size-medium);
}

#page-right-section .main-section .maincontent .key_collection_details ul .data-list{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#page-right-section .main-section .maincontent .key_collection_details ul .data-list span.left, #page-right-section .main-section .maincontent .key_collection_details ul .data-list span.right{
    flex: 1;
    display: inline-block;
    font-size: var(--font-size-small);
}

#page-right-section .main-section .maincontent .key_collection_details ul .data-list span.left{
    color: var(--text-darkgray);
}


#page-right-section .main-section .maincontent .key_collection_details ul .data-list span.right{
    text-align: right;
    color: var(--text-black);
    font-family: var(--font-family-SemiBold);
    line-height: 18px;
}

#page-right-section .main-section .maincontent .key_collection_details .box-body img{
    width: 300px;
    height: 150px;
    object-fit: cover;
}

/*----------------------------------------------------------------*/


#page-right-section .main-section .maincontent .rightSecton .ser_request_content ul, #page-right-section .main-section .maincontent .rightSecton .ser_request_content ol{
    list-style: none;
}

#page-right-section .main-section .maincontent .rightSecton .ser_request_content ul li , #page-right-section .main-section .maincontent .rightSecton .ser_request_content ol li{
    line-height: 18px;
    margin: 5px 0;
}


.form-group .input-group.date .floating-input{
    padding-top: 20px;
}

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

.anchor-text-color-black{
    color: var(--text-black);
    text-decoration: none;
    font-weight: bold;
}

.form-group.input_group_dateBox label{
    width: auto;
}

.occu_add_dateBox{
    position: relative;
}

.occu_add_dateBox .request_type_btn{
    all: unset;
    position: absolute;
    right: 40px;
    top: 14px;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
}

.occu_add_dateBox .request_type_btn img{
    width: 24px;
    z-index: 999;
}

#customConfirm.modal .modal-dialog, #customAlert.modal .modal-dialog, #customError.modal .modal-dialog, #customHeaderConfirm.modal .modal-dialog , #packageCollectpopup.modal .modal-dialog , #keycollection_nominee.modal .modal-dialog, #emaildialog.modal .modal-dialog,#amenitybookingdepositcompleteModel.modal .modal-dialog, #onlineformdepositcompleteModel.modal .modal-dialog, #earliestslotavailable.modal .modal-dialog, #confirmpopup.modal .modal-dialog{
    max-width: 385px;
}

#packageCollectpopup.modal .modal-dialog .modal-body{
    padding: 15px;
}

#customConfirm.modal .modal-dialog .modal-content, #customAlert.modal .modal-dialog .modal-content, #customError.modal .modal-dialog .modal-content, #customHeaderConfirm.modal .modal-dialog .modal-content , #keycollection_nominee.modal .modal-dialog .modal-content ,#emaildialog.modal .modal-dialog .modal-content, #amenitybookingdepositcompleteModel.modal .modal-dialog .modal-content, #onlineformdepositcompleteModel.modal .modal-dialog .modal-content {
    padding: 25px;
}

#customConfirm.modal .modal-dialog .modal-content .modal-body, #customAlert.modal .modal-dialog .modal-content .modal-body, #customError.modal .modal-dialog .modal-content .modal-body, #customHeaderConfirm.modal .modal-dialog .modal-content .modal-body , #keycollection_nominee.modal .modal-dialog .modal-content .modal-body, #emaildialog.modal .modal-dialog .modal-content .modal-body p{
    color: var(--text-black);
    font-family: 'SourceSansPro-SemiBold';
    line-height: initial;
}

#customConfirm.modal .modal-dialog .modal-content .modal-body p{
    line-height: 22px;
    text-align: left;
}

#keycollection_nominee.modal .modal-dialog .modal-content .modal-body p{
    line-height: 22px;
    text-align: left;
}


/*----------------------------Data Setup------------------------------------*/
#page-right-section .main-section .maincontent .directory-list .cate_purp_loct_item{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border: 1px solid var(--second-border-color);
    padding: 14px 10px;
    border-radius: var(--border-radius);
}

#page-right-section .main-section .maincontent .directory-list .cate_purp_loct_item .book-sec span img{
    width: 14px;
}

#page-right-section .main-section .maincontent .directory-list .cate_purp_loct_item a{
    width: 92%;
}


#page-right-section .main-section .maincontent .directory-list .cate_purp_loct_item  a h3{
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-regular);
}

#page-right-section .main-section #modelselectcategory .modal-body .form-group input[type=checkbox]:not(:checked)+label:before ,
#userProfileModelSelectCategory .resident-list .form-group input[type=checkbox]:not(:checked)+label:before{
    left: 0;
}

#page-right-section .main-section #modelselectcategory .modal-body .form-group label{
    padding-left: 32px;
}

#page-right-section .main-section #modelselectcategory .modal-body .form-group label.mdl_select_all_label{
    padding-left: 0px;
}

#page-right-section .main-content #modelAddCategory .modal-body .resident-list .form-group input[type=checkbox]:not(:checked)+label:before{
    left: 0;
}

#page-right-section .main-content #modelAddCategory .modal-body .resident-list .form-group .checkbox-row .checkboxes input[type="checkbox"]:checked+label:before{
    left: 0;
}

#page-right-section .main-content #modelAddCategory .modal-body .resident-list .form-group label{
    padding-left: 32px;
}

#page-right-section .main-content #modelAddCategory .modal-body .resident-list .form-group label.mdl_select_all_label{
    padding-left: 0px;
}


/*----------------------------------------------------------------*/

.field-dynamicmodel-termsandconditions p.help-block-error{
    top: -5px;
}

.modelFolderDocMoveList{
    border-bottom: 0.5px solid var(--second-border-color);
    padding-bottom: 15px;
}

.modelFolderDocMoveList a span{
    display: inline-block;
    color: var(--bg-darkgray);
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);
}


/***********************Tooltip-**************************/

.tool_tip_btn{
    position: relative;
    display: inline-block;
}

.tool_tip_btn:hover::before{
    border-left: solid transparent 10px;
    border-top: 10px solid var(--bg-lightgray);
    top: 24px;
    content: " ";
    height: 0;
    left: 50%;
    transform: rotate(315deg) translateX(-50%);
    position: absolute;
    width: 0;
}

#tab_tab_data.approval_tab_data .tableContent table{
    margin-bottom: 14px;
}

.tool_tip_btn::after{
    opacity: 0;
    visibility: hidden;
    display: none;
    position: absolute;
    content: attr(data-tooltip);
    padding: 6px 10px;
    top: 32px;
    left: 50%;
    transform: translateX(-50%) translateY(-2px);
    background-color: var(--bg-lightgray);
    color: var(--text-black);
    white-space: nowrap;
    z-index: 2;
    border-radius: var(--border-radius);
    font-size: var(--font-size-x-small);
}

.tool_tip_btn:hover::after{
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

/***********************Tooltip-**************************/




/*----------------------Dashborad-------------------------*/
.page-dashboard .top-boxes-dashborad{
    border: 1px solid var(--border-color);
    margin: 0px 10px 20px;
}

.page-dashboard .top-boxes-dashborad .panel{
    padding: 20px 0px 40px 40px;
    margin: 0;
    border: 0;
    box-shadow: none;
}

.page-dashboard .top-boxes-dashborad .col-sm-6 .panel .panel-heading{
    height: 140px;
    border-right:1px solid var(--border-color);
}

.page-dashboard .top-boxes-dashborad .col-sm-6:last-child .panel .panel-heading{
    border-right:0;
}

.page-dashboard .top-boxes-dashborad .panel h1{
    color: var(--text-black);
    font-size: 50px;
    text-transform: capitalize;
    line-height: inherit;
    font-family: var(--font-family-SemiBold);
}

.page-dashboard .top-boxes-dashborad .panel small.stat-label{
    color: var(--bg-darkgray);
    font-size: 16px;
    font-family: var(--font-family-SemiBold);
    text-transform: capitalize;
}

.page-dashboard .top-boxes-dashborad .panel .m-height small.stat-label{
    color: var(--bg-darkgray);
    font-size: 14px;
    line-height: 1; /* 150% */
    text-transform: capitalize;
    font-family: var(--font-family-regular);
    margin-bottom: 8px;
    display: block;
}

.page-dashboard .top-boxes-dashborad .panel .m-height{
    line-height: normal;
    margin-top: 21px;
}

.page-dashboard .top-boxes-dashborad .panel .m-height h4{
    color: #333;
    font-size: 18px;
    font-weight: 500;
    line-height: 16.8px; 
    font-family: var(--font-family-SemiBold);
}

.page-dashboard .top-boxes-dashborad .panel .m-height .col-6:first-child{
    border-right:1px solid var(--border-color);

}

.page-dashboard  .dashboard-inner {
    width: 100%;
    overflow: hidden;
}

.page-dashboard .dashboard-item {
    width: 33.33%;
    float: left;
    padding: 0;
}

.page-dashboard .dashboard-item .item-inner {
    margin-bottom: 20px;
    position: relative;
    padding: 0 10px;
}

.page-dashboard .panel {
    margin-bottom: 20px;
    border: 1px solid var(--border-color);
    background: var(--text-white);
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.08);
    padding: 0 20px;
}

.page-dashboard .panel-body.pad0 {
    padding: 0;
    margin-bottom: 20px;
}

.page-dashboard .dashboard-item .mb5 {
    margin-bottom: 5px;
}

.page-dashboard .dashboard-item .subtitle {
    padding: 20px 0 0 0;
    /* background: #f7f7f7; */
    display: block;
    box-sizing: border-box;
    font-size: 18px;
    color:var(--bg-black);
    text-transform: capitalize;
    margin-bottom:15px ;
    font-weight: 600;
}

.page-dashboard .panel .mb15 {
    margin-bottom: 15px;
}

.page-dashboard .ex-donut-chart {
    position: relative;
}

.page-dashboard .ex-donut-chart {
    text-align: center;
}

.page-dashboard .dashboard-item  .subtitle .fa{
    display: none;
}

.page-dashboard .dashboard-item .amenity-box {
    position: relative;
}

.page-dashboard .dashboard-item .amenity-box figure{
    width: 100%;
}

.page-dashboard .dashboard-item .amenity-box figure img{
    width: 100%;
    display: block;
    height: 400px;
    object-fit: cover;
}

.page-dashboard .photo-meta {
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid var(--border-color);
    background-color: #f7f7f7;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
}

.page-dashboard .page-dashboard .item-inner ul {
    padding: 10px 15px;
    overflow: hidden;
    background:var(--text-white);
}

.page-dashboard .item-inner .amenity-box ul {
    position: absolute;
    bottom: 0;
    background: var(--bg-lightgray);
    border-top: 0;
    width: 100%;
}

.page-dashboard .photo-meta li {
    width: 100%;
    text-align: center;
    border-left: 1px solid var(--border-color);
    padding: 0 !important;
}

.page-dashboard .amenityavailability .row{
    margin: 0;
    width: 100%;
    display: block;
}

.page-dashboard .amenity-bar small{
    font-size: 14px;
    color: var(--text-black);
}

.ex-donut-chart {
    position: relative;
}

.ex-donut-chart .storage-graph {
    position: absolute;
    left: 50%;
    top: 45%;
    font-size: 30px;
    margin-top: -15px;
    transform: translateX(-50%);
}

.amenity-bar .small{
    width: 100%;
}

.amenity-bar span.initialism{
    font-size: 14px;
    text-transform: initial !important;
    color: var(--text-black);
}

.amenity-bar .small .pull-right{
    float: right;
    font-size: 14px;
    color:var(--text-black);
}

.widget-approval .approvalcount ul{
    padding:0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.widget-approval .approvalcount ul li{
   flex: 0 0 33.3333%;
    max-width: 33.3333%;
}

.widget-approval .approvalcount ul li .approval a:hover{
    text-decoration: none !important;
}

.widget-approval .approvalcount ul li .approval a label{
    color: var(--bg-darkgray);
    font-size: 14px;
    line-height: 1;
    display: block;
}

.widget-approval .approvalcount ul li .approval a h4{
    color:var(--bg-black);
    font-size: 18px;
    line-height: 1;
    margin-bottom: 15px;
}

.amenity-box .photo-meta li:first-child {
    border-left: none;
}

.item-inner .amenity-box .photo-meta li span {
    color:var(--bg-darkgray);
    font-size: 14px;
    line-height:1;
    display: block;
    margin-top: 15px;
    margin-bottom: 5px;
}

.item-inner .amenity-box .photo-meta li p {
    color:var(--bg-black);
    font-size: 18px;
    line-height: 1;
    margin-bottom: 15px;
    font-family: var(--font-family-SemiBold);
}

.widget-visitor .visitorloglist table{
    width: 100%;
}

.widget-visitor .visitorloglist table tbody tr td{
    font-size: 16px;
    color:var(--bg-black);
    line-height: normal;
    padding-bottom: 10px; 
}

.widget-visitor .visitorloglist table tbody tr td a{
    line-height: normal;
    font-size: 14px;
    color:var(--bg-black);
}

.widget-visitor .visitorloglist table tbody tr td a:hover{
    text-decoration: none !important;
}

.widget-visitor .visitorloglist table tbody tr td:first-child span.small{
    font-size: 15px;
    color:var(--bg-black);
    font-family: var(--font-family-SemiBold);
    display: block;
    padding-top: 0px;
}

.widget-visitor .visitorloglist table tbody tr td:last-child{
    text-align: right;
}

.widget-messaging ul {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
}

.widget-messaging ul li{
    line-height: 2;
    margin-bottom: 10px;
    display: flex;
}

.widget-messaging ul li:first-child {
    border-top: 0;
    padding-top: 0;
}

.item-inner ul li a {
    width: 100%;
}

.item-inner ul li a:hover{
    text-decoration: none;
    /* background-color: var(--bg-lightgray); */
}

.pull-right {
    float: right;
}

.pass-valid {
    background-color: var(--bg-green);
    color: var(--text-white) !important;
    padding: 2px 10px;
    border-radius: 2px !important;
}

.widget-messaging small {
    font-size: 11px;
    color: #7f7f7f;
    line-height: 16px;
}

.widget-messaging .sender {
    font-size: 15px;
    color: var(--text-black);
    font-weight: 600;
    display: block;
    margin: 0;
    padding-top: 5px;
}

.widget-messaging small {
    line-height: normal;
    font-size: 14px;
    color: var(--text-black);
}

.dash-icon {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
}

.dash-icon img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.condofeedbacklist ul li{
    margin-bottom: 10px;
}

.packagelist ul li h4{
    margin-bottom: 0;
}

.visitorpasslist ul li h4{
    padding-top: 0 !important;
}

.notificationlist ul li h4{
    padding-right: 50px;
}

.strip_btn{
    display: inline-flex !important;
}

.user-label {
    padding: 2px 5px;
    color: var(--text-white) !important;
    font-size: 11px;
    background: var(--bg-green);
    border-radius: 4px;
    float: right;
}

.condofeedbacklist ul li{
    line-height: 1;
}



/**************************Inbox CSS*******************************/

#page-right-section .main-section .maincontent .chatMessage_inbox_box{
    height: auto;
}

#page-right-section .main-content .main-section .inboxTab .messagetab{
    color: var(--text-green);
    text-decoration: none;
    font-family: var(--font-family-SemiBold);
}

#page-right-section .main-section .maincontent .messages.messageList{
    height: 68vh;
    position: relative;
    display: flex;
    flex-direction: column;
}

#page-right-section .main-section .maincontent .messages.messageList .inboxlist{
    border: 1px solid var(--second-border-color);
    border-radius: var(--border-radius);
    margin-bottom: 0;
    overflow-x: hidden;
    /* height: 100%; */
    overflow-y: auto;
    max-height: calc(100vh - 73px);
}

#page-right-section .main-section .maincontent .messages.messageList .inboxlist li{
    list-style: none;
    padding: 0 15px;
    position: relative;
}

#page-right-section .main-section .maincontent .messages.messageList .inboxlist li .person_chat_box_list{
    border-bottom: 1px solid var(--second-border-color);
    padding: 20px 0;
}

#page-right-section .main-section .maincontent .messages.messageList .inboxlist li .new-delet-sec{
    position: absolute;
    right: 15px;
    bottom: 5px;
    line-height: normal;
    display: none;
    cursor: pointer;
}

#page-right-section .main-section .maincontent .messages.messageList .inboxlist li:hover .new-delet-sec{
    display: block;
}

#page-right-section .main-section .maincontent .messages.messageList .inboxlist li.online{
    background: var(--bg-lightgray);
}

#page-right-section .main-section .maincontent .messages.messageList .inboxlist li.unread .maildetail .time{
    color: var(--text-green);
}

#page-right-section .main-section .maincontent .messages.messageList .inboxlist li.unread .maildetail .message a{
    font-family: var(--font-family-SemiBold);
    color: var(--text-black);
}

#page-right-section .main-section .maincontent .messages.messageList .inboxlist li:last-child .person_chat_box_list{
    border-bottom: none;
}

#page-right-section .main-section .maincontent .messages.messageList .inboxlist li .maildetail{
    line-height: normal;
}

#page-right-section .main-section .maincontent .messages.messageList .inboxlist li .maildetail .title_date_time{
    display: flex;
    justify-content: space-between;
    margin-bottom: 2px;
}

#page-right-section .main-section .maincontent .messages.messageList .inboxlist li .maildetail .title_date_time .sendername {
    font-size: var(--font-size-medium);
    font-family: var(--font-family-SemiBold);
}

#page-right-section .main-section .maincontent .messages.messageList .inboxlist li .maildetail .time{
    display: inline-block;
    min-width: 135px;
    text-align: right;
    color: var(--text-darkgray);
    font-style: normal;
    font-size: var(--font-size-small);
}

#page-right-section .main-section .maincontent .messages.messageList .inboxlist li .maildetail .message {
    margin-bottom: 10px;
}

#page-right-section .main-section .maincontent .messages.messageList .inboxlist li .maildetail .message .message_count{
    width: 20px;
    min-width: 20px;
    margin-left: 15px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    background: var(--bg-green);
    font-size: 13px;
    color: var(--text-white);
    text-align: center;
    display: inline-block;
}

#page-right-section .main-section .maincontent .messages.messageList .inboxlist li .maildetail .message a{
    color: var(--text-darkgray);
    font-size: var(--font-size-small);
    font-family: var(--font-family-regular);
    display: inline-block;
    text-decoration: none;
}

#page-right-section .main-section .maincontent .chatbox {
    padding-left: 20px;
    height: 68vh;
    position: relative;
    display: flex;
    flex-direction: column;
}

#page-right-section .main-section .maincontent .chatbox .chatBodyscroll{
    display: grid;
    overflow-x: hidden;
    height: 100%;
    padding: 0 15px 0 0;
    overflow-y: auto;
    max-height: calc(100vh - 73px);
    background-color: var(--bg-default);
}

#page-right-section .main-section .maincontent .chatbox .chatBody .answer.right, #page-right-section .main-section .maincontent .chatbox .chatBody .answer.left{
    margin-bottom: 10px;
    width: auto;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

#page-right-section .main-section .maincontent .chatbox .chatBody .answer.left{
    justify-content: flex-start;
}

#page-right-section .main-section .maincontent .chatbox .chatBody .answer.right .chatBlock_inbox{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    max-width: max-content;
    width: 70%;
    position: relative;
}

#page-right-section .main-section .maincontent .chatbox .chatBody .answer.left .chatBlock_inbox{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: max-content;
    width: 70%;
    position: relative;
}

#page-right-section .main-section .maincontent .chatbox .chatBody .answer.right .chatBlock_inbox .text .trash_btn{
    display: none;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

#page-right-section .main-section .maincontent .chatbox .chatBody .answer.right .chatBlock_inbox .text img.inbox-img {
    width: 100%;
    height: 75px;
    object-fit: contain;
}

#page-right-section .main-section .maincontent .chatbox .chatBody .answer.right .chatBlock_inbox .text:hover .trash_btn{
    display: block;
}

#page-right-section .main-section .maincontent .chatbox .chatBody .answer .chatBlock_inbox .text{
    padding: 15px 40px 15px 20px;
    text-align: left;
    background-color: var(--bg-green);
    border-radius: var(--border-radius);
    position: relative;
}

#page-right-section .main-section .maincontent .chatbox .chatBody .answer.left .chatBlock_inbox .text{
    background-color: var(--bg-lightgray);
}

#page-right-section .main-section .maincontent .chatbox .chatBody .answer .chatBlock_inbox .text h4{
    color: var(--text-white);
}

#page-right-section .main-section .maincontent .chatbox .chatBody .answer.left .chatBlock_inbox .text h4{
    color: var(--text-black);
}

#page-right-section .main-section .maincontent .chatbox .chatBody .answer .chatBlock_inbox .text p{
    line-height: normal;
    color: var(--text-white);
}

#page-right-section .main-section .maincontent .chatbox .chatBody .answer .chatBlock_inbox .text h2{
    margin: 10px 0 0;
    line-height: 10px;
    color: var(--text-black);
}

#page-right-section .main-section .maincontent .chatbox .chatBody .answer .chatBlock_inbox .time{
    color: var(--text-darkgray);
    font-weight: normal;
    font-family: var(--font-family-regular);
    font-size: var(--font-size-small);
    line-height: normal;
    margin-top: 3px;
}

#page-right-section .main-section .maincontent .chatbox .chatBottom{
    position: relative;
    padding: 0;
    background: none;
    display: flex;
    place-items: center;
    width: 100%;
    bottom: 0;
    box-shadow: 0 0 13px 0 rgba(149, 149, 149, 25%);
    border-radius: var(--border-radius);
}

#page-right-section .main-section .maincontent .chatbox .chatBottom form#reply-message-form .chatfileds {
    position: relative;
    padding: 0;
    background: none;
    display: flex;
    place-items: center;
    width: 100%;
    bottom: 0;
}

#page-right-section .main-section .maincontent .chatbox .chatBottom form#reply-message-form .chatfileds span.division{
    background-color: var(--border-color);
    height: 15px;
    display: inline-block;
    margin: 0 5px 0 3px;
    top: 5px;
    width: 1px;
}

#page-right-section .main-section .maincontent .chatbox .chatBottom form#reply-message-form .chatfileds textarea.messageInput{
    line-height: normal;
}


#page-right-section .main-section .maincontent .chatbox .chatBottom form#reply-message-form .chatfileds button.attach{
    height: 73px;
    width: 60px;
    position: absolute;
    top: auto;
    right: 50px;
    background: none;
    border: none;
    outline: none;
    background-image: url(../images/upgrade-img/attach.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

#page-right-section .main-section .maincontent .chatbox .chatBottom form#reply-message-form .chatfileds button.attach::after{
    position: absolute;
    content: '';
    width: 1px;
    display: inline-block;
    height: 50px;
    top: 11px;
    right: 4px;
    background: var(--second-border-color);
}


/**************************Inbox CSS*******************************/

/********************************BookingHistroy Facility Details*******************************/



.col-md-6.booking_facility_r_col::after{
    content: '';
    position: absolute;
    left: 0px;
    top: 0;
    height: 100%;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

#page-right-section .main-section .maincontent .rightSecton.booking_facility_rightSection{
    padding-left: 0;
}

#page-right-section .main-section .maincontent .leftSecton .booking_details_list_box li:last-child::after{
    /* content: ''; */
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    left: 0;
    right: 0;
    bottom: -10px;
}

/* #page-right-section .main-section .maincontent .rightSecton .booking_hist_facility_details::after{
    content: '';
    position: absolute;
    left: -15px;
    top: 0;
    height: 102%;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
} */

#page-right-section .main-section .maincontent  .booking_hist_facility_details .deposit_by_title{
    display: block;
    color: var(--text-darkgray);
    line-height: normal;
}

#page-right-section .main-section .maincontent  .booking_hist_facility_details ul{
    list-style: none;
    margin-top: 15px;
}

#page-right-section .main-section .maincontent  .booking_hist_facility_details ul h4{
    margin-top: 15px;
    margin-bottom: 0;
}

#page-right-section .main-section .maincontent  .booking_hist_facility_details ul li{
    display: flex;
    justify-content: space-between;
    line-height: 20px;
    padding-bottom: 7px;
    padding-top: 7px;
    border-bottom: 1px solid var(--border-color);
}

#page-right-section .main-section .maincontent  .booking_hist_facility_details ul label{
    color: var(--text-black);
    font-family: var(--font-family-SemiBold);
    font-size: var(--font-size-medium);
}

#page-right-section .main-section .maincontent  .booking_hist_facility_details ul li .tandcpoup{
    color: var(--text-link-secondry);
}

#page-right-section .main-section .maincontent  .booking_hist_facility_details ul li span.left{
    color: var(--text-darkgray);
    flex: 1;
}

#page-right-section .main-section .maincontent  .booking_hist_facility_details ul li span.right{
    padding-left: 15px;
    flex: 1;
    text-align: right;
}

#page-right-section .main-section .maincontent .left_side_profile_img .profile-img img{
    object-fit: cover;
}	

#page-right-section .main-content .main-section .profile-gender .gender-options .form-group .fac_grp_setdt input[type=radio]:not(:checked)+label, #page-right-section .main-content .main-section .profile-gender .gender-options .form-group .fac_grp_setdt input[type=radio]:checked+label{
    line-height: 18px;
    margin-bottom: 0;
    color: var(--text-darkgray);
}

/***************************************************************/



/* -------------online form-------------- */

.collect-deposit {
    color: var(--text-link-secondary) !important;
}

.form-group .sign {
    position: absolute;
    top: 14px;
    height: 43px;
    line-height: 43px;
    padding: 0 10px;
    left: 5px;
}

#page-right-section .g-feedback-tabs .tab-content #unit-onlineformlist .bgnone .online_form_box{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    line-height: 24px;
    padding: 15px 10px;
    border: 1px solid var(--second-border-color);
    border-radius: var(--border-radius);
    margin-bottom: 20px;
}

#page-right-section .g-feedback-tabs .tab-content #unit-onlineformlist .bgnone .online_form_box a{
    text-decoration: none;
}

#page-right-section .g-feedback-tabs .tab-content #unit-onlineformlist .bgnone .online_form_box .online_lbox{
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#page-right-section .g-feedback-tabs .tab-content #unit-onlineformlist .bgnone .online_form_box .online_lbox a{
    color: var(--text-black);
    text-transform: initial;
}

#page-right-section .g-feedback-tabs .tab-content #unit-onlineformlist .bgnone .online_form_box .online_rbox{
    padding-left: 15px;
    min-width: 90px;
}

#page-right-section .g-feedback-tabs .tab-content #unit-onlineformlist .bgnone .online_form_box .online_rbox span.division{
    background-color: var(--border-color);
    height: 15px;
    display: inline-block;
    margin: 0 5px 0 3px;
    top: 5px;
    width: 1px;
    position: relative;
}

#page-right-section .online_form_rolesection h5{
    font-size: var(--font-size-medium);
}
#page-right-section .online_form_rolesection .billingAndDeposit h6{
    font-size: var(--font-size-small);
    background: var(--bg-lightgray);
    color: var(--text-darkgray);
    border-radius: var(--border-radius);
    padding: 15px;
}
#page-right-section .online_form_rolesection .role_group_optionBox{
    display: flex;
    flex-wrap: wrap;
}
#page-right-section .online_form_rolesection .role_group_optionBox .role_group_innerbox{
    width: 33.33%;
}

#page-right-section .online_form_rolesection .role_group_optionBox .role_group_innerbox input[type=checkbox]:checked+label, #page-right-section  .online_form_rolesection .role_group_optionBox .role_group_innerbox input[type=checkbox]:not(:checked)+label{
    line-height: 18px;
}

#page-right-section .online_form_rolesection .role_group_optionBox .role_group_innerbox .checkbox-row .checkboxes input[type="checkbox"]:not(:checked)+label:before,#page-right-section .online_form_rolesection .role_group_optionBox .role_group_innerbox .checkbox-row .checkboxes input[type="checkbox"]:checked+label:before{
    top: -1px !important;
}

#page-right-section .online_form_selecet2share #selectInvities{
    margin-top: 20px;
    font-size: var(--font-size-medium);
    color: var(--text-white);
    font-family: var(--font-family-SemiBold);
    background: var(--bg-green) !important;
    padding: 0px;
    border-radius: var(--border-radius);
    border: none;
    height: 40px;
    line-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    width: 100%;
    max-width: 150px;
    cursor: pointer;
    text-align: center;
    box-shadow: none;
}
#page-right-section .online_form_selecet2share #selectInvities:focus{
    outline: none;
    box-shadow: none;
}
#page-right-section .online_form_selecet2share #selectInvities::placeholder{
    color: var(--text-white);
}

ul.tandcpopupulclass ul{
    list-style: none;
}

ul.tandcpopupulclass{
    line-height: 20px;

}

ul.tandcpopupulclass ul p , ul.tandcpopupulclass ul li {
    line-height: 18px;
}

/***************************************************************/
#page-right-section .main-section .maincontent .chatbox .chatBody .answer.left .chatBlock_inbox .text p {
    line-height: normal;
    color: #2E2E2E;
} 

.form-group.isHandOver input[type="checkbox"]:not(:checked) + label::before,
.form-group.isHandOver .checkbox-row .checkboxes input[type="checkbox"]:checked + label::before {
    left: auto;
    right: 0;
}

.dvPreview {
    display: block;
    padding: 10px;
    border-radius: var(--border-radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: var(--bg-lightgray);
}

.dvPreview .divimg {
    position: relative;
    display: inline-block;
}

.dvPreview .cross.removeattachment {
    background-repeat: no-repeat;
    display: inline-block;
    background: url(../images/upgrade-img/cross-btn.svg) no-repeat;
    background-position: 0px 0px;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 17px;
    height: 17px;
    cursor: pointer;
    z-index: 1;
}

.dvPreview .divimg .preview-class.inbox-img{
    width: auto !important;
    height: 70px !important;
    border-radius: var(--border-radius);
}

#page-right-section .main-section .maincontent .left_side_profile_img .profile_side_bdr{
    border-right: 1px solid var(--bg-lightgray);
}

#page-right-section .main-section .maincontent .profile-privacy-settings .profileImg1 img{
    width: 153px;
    height: 153px;
    object-fit: cover;
    border-radius:  var(--border-radius);
    cursor: pointer;
}

#page-right-section .main-section .maincontent .profile-privacy-settings .profileImg1 img:hover{
    border: 0;
}

#page-right-section .main-section .maincontent .profile-privacy-settings .profileImg1 .removeProfileImg{
    position: relative;
    display: inline-block;
}

#page-right-section .main-section .maincontent .profile-privacy-settings .deletevisitor{
    position: absolute;
    right: -1px;
    top: -2px;
    background: var(--bg-default);
    line-height: 0;
    border-radius: 50%;
    font-size: 12px;
    width: 17px;
    height: 17px;
    display: grid;
    place-content: center;
    cursor: pointer;
}

#page-right-section .main-section .maincontent .photo-status-section{
    display: inline;
    padding: 11px 100px 11px 20px;
    color: var(--text-black);
    font-size: 15px;
}

#page-right-section .main-section .maincontent .profile-privacy-settings .profileImg1{
    display: inline-block;
}

#page-right-section .inspection-detail-section .profile-imgs{
    margin: 20px 0 40px 0;
}

#page-right-section .inspection-detail-section .profile-imgs img{
    width: 153px;
    height:153px;
    object-fit: cover;
    border-radius:  var(--border-radius);;
}

.parking_modal_cnt ul{
    list-style: none;
}

.parking_modal_cnt li{
    line-height: 18px;
    margin-bottom: 8px;
    font-family: var(--font-family-regular);
}

.parking_modal_cnt p{
    line-height: normal;
    margin-bottom: 18px;
}


/*----------------------Notification-------------------------*/
#page-right-section .main-content .main-section .notificationlistwithbucket ul.notifications, #page-right-section .main-content .main-section .notificationlistwithbucket_history ul.notifications{
    list-style: none;
}

#page-right-section .main-content .main-section .notificationlistwithbucket ul.notifications li.linotification .notification-img{
    display: none;
}

#page-right-section .main-content .main-section .notificationlistwithbucket ul.notifications li.linotification, #page-right-section .main-content .main-section .notificationlistwithbucket_history ul.notifications li.linotification{
    display: flex;
    justify-content: space-between;
    line-height: normal;
    padding: 12px 15px;
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color);
    place-items: center;
    margin-bottom: 10px;
}

#page-right-section .main-content .main-section .notificationlistwithbucket ul.notifications li.linotification a, #page-right-section .main-content .main-section .notificationlistwithbucket_history ul.notifications li.linotification a{
    display: block;
    width: 98.5%;
}

#page-right-section .main-content .main-section .notificationlistwithbucket ul.notifications li.linotification p,  #page-right-section .main-content .main-section .notificationlistwithbucket_history ul.notifications li.linotification p{
    margin: 0;
    font-size: 15px;
    color: var(--text-black);
    line-height: normal;
    padding-bottom: 10px;
}

#page-right-section .main-content .main-section .notificationlistwithbucket ul.notifications li.linotification.online p, #page-right-section .main-content .main-section .notificationlistwithbucket_history ul.notifications li.linotification.online p{
    font-family: var(--font-family-SemiBold);
}

#page-right-section .main-content .main-section .notificationlistwithbucket ul.notifications li.linotification time , #page-right-section .main-content .main-section .notificationlistwithbucket_history ul.notifications li.linotification time{
    margin: 0;
    font-size: 15px;
    color: var(--text-black);
    line-height: normal;
}

#page-right-section .main-content .main-section .notificationlistwithbucket ul.notifications li.linotification.online time, #page-right-section .main-content .main-section .notificationlistwithbucket_history ul.notifications li.linotification.online time{
    font-family: var(--font-family-SemiBold);
}

#page-right-section .main-content .main-section .notificationlistwithbucket ul.notifications li.linotification .new-delet-sec{
    cursor: pointer;
}

#page-right-section .notification_bell .dropdown .dropdown-toggle::after{
    display: none;
}

#page-right-section .notification_bell .dropdown .dropdown-menu::before {
    content: '';
    position: absolute;
    border-top: 10px solid #fff;
    border-left: 10px transparent;
    border-right: 10px solid transparent;
    transform: rotate(45deg);
    right: 50px;
    top: -5px;
    box-shadow: -1px -1px 2px -1px var(--bg-darkgray);
}

#page-right-section .notification_bell .dropdown .dropdown-menu.show{
    min-width: 313px;
    max-width: 313px;
    padding: 0;
} 

#page-right-section .notification_bell .dropdown .dropdown-menu.show .bell_popup_header{
    display: flex;
    justify-content: space-between;
    place-items: center;
    background-color: var(--bg-lightgray);
    padding: 14px 13px;
}

#page-right-section .notification_bell .dropdown .dropdown-menu.show .bell_popup_header p{
    color: var(--text-darkgray);
    font-size: 16px;
    line-height: normal;
    margin: 0;
}

#page-right-section .notification_bell .dropdown .dropdown-menu.show .bell_popup_header a{
    color: var(--text-black);
    font-size: 11px;
    line-height: normal;
    margin: 0;
}

#page-right-section .notification_bell .dropdown .dropdown-menu.show ul{
    list-style: none;
    padding: 13px 10px 0px 10px;
    margin: 0;
    box-shadow: 0px 0px 24px 4px rgba(0, 0, 0, 7%);
    max-height: 400px;
    overflow-y: auto;
}

#page-right-section .notification_bell .dropdown .dropdown-menu.show ul li{
    border: 0.5px solid var(--border-color);
    padding: 11px;
    line-height: normal;
    border-radius: 5px;
    margin-bottom: 10px;
}

#page-right-section .notification_bell .dropdown .dropdown-menu.show ul li:last-child{
    margin-bottom: 0;
}

#page-right-section .notification_bell .dropdown .dropdown-menu.show ul li p{
    color: var(--text-black);
    font-size: 13px;
    line-height: normal;
    margin: 0;
    font-family: var(--font-family-SemiBold);
    word-wrap: break-word;
}

#page-right-section .notification_bell .dropdown .dropdown-menu.show ul li .bell_time_delete{
    display: flex;
    justify-content: space-between;
    place-items: center;
    margin-top: 5px;
}

#page-right-section .notification_bell .dropdown .dropdown-menu.show ul li .bell_time_delete p{
    color: var(--bg-darkgray);
    font-size: 13px;
    line-height: normal;
    margin: 0;
}

#page-right-section .notification_bell .dropdown .dropdown-menu.show .bell_show_all{
    text-align: center;
    line-height: 0;
    padding: 17px 0 17px 0;
}

#page-right-section .notification_bell .dropdown .dropdown-menu.show .bell_show_all a{
    color: var(--text-black);
    font-size: 11px;
    line-height: normal;
    margin: 0;
}

#page-right-section .notification_bell .dropdown .dropdown-menu.show .bell_show_all a i{
    font-size: 8px;
    padding-right: 5px;
}

#create-form-form .questionList .questionDetail .form-group .selectbox-blue+.styledSelect{
    font-family: var(--font-family-SemiBold);
    color: var(--text-black);
}

.dropdown#settingMenu .dropdown-toggle{
    padding-right: 6px;
}

#modelAddCategory.modal .modal-header{
    padding: 30px 30px 10px;
}

.notificationcount.noti-inner-text-count{
    color: var(--text-darkgray);
    font-size: var(--font-size-medium);
}
.dateheader{
    font-size: 17px;
   font-size: var(--font-size-medium);
}


.notification-wrapper .notification-list p{
    line-height: 24px;
    margin-bottom: 6px;
}

/*----------------------Notification End-------------------------*/


/*----------------------eAGM-------------------------*/

.label_pt-0 .form-group input[type=checkbox]:checked+label, .label_pt-0 .form-group input[type=checkbox]:not(:checked)+label{
    padding-top: 0;
    padding-left: 30px;
}


#page-right-section .main-section .maincontent .visit_upload_source_imgBox.eamg_radio_inline .gender-options .form-group{
    display: flex;
    place-items: unset;
}

#page-right-section .main-content .main-section .visit_upload_source_imgBox.eamg_radio_inline .profile-gender .gender-options .form-group span label{
    top: -15px;
    line-height: 28px;
}

#page-right-section .main-section .maincontent .leftSecton .walllist .wall_post{
    padding: 20px 30px;
    border-radius: var(--border-radius);
    box-shadow: 0px 0px 24px 4px rgba(0, 0, 0, 7%);
    width: 100%;
}

#page-right-section .main-section .maincontent .leftSecton .walllist .wall_post .panel-body h2.blog-title{
    font-size: var(--font-size-medium);
    font-family: var(--font-family-SemiBold);
    line-height: normal;
    margin-bottom: 16px;
}

#page-right-section .main-section .maincontent .leftSecton .walllist .wall_post .panel-body h3{
    font-size: var(--font-size-x-small);
    color: var(--bg-darkgray);
    line-height: normal;
    margin-bottom: 16px;
    font-family: var(--font-family-regular);
    font-style: normal;
}

#page-right-section .main-section .maincontent .leftSecton .walllist .wall_post .panel-body ul.blog-meta{
  list-style: none;
  line-height: normal;
}

#page-right-section .main-section .maincontent .leftSecton .walllist .wall_post .panel-body ul.blog-meta li{
    line-height: normal;
    font-size: 12px;
    display: inline-block;
    padding: 0 2px;
    position: relative;
}

#page-right-section .main-section .maincontent .leftSecton .walllist .wall_post .panel-body ul.blog-meta li::before{
    content: '';
    position: absolute;
    height: 10px;
    width: 1px;
    border-left: 1px solid var(--bg-darkgray);
    left: -1px;
    top: 2px;
}

#page-right-section .main-section .maincontent .leftSecton .walllist .wall_post .panel-body ul.blog-meta li:first-child{
    padding-left: 0;
}

#page-right-section .main-section .maincontent .leftSecton .walllist .wall_post .panel-body ul.blog-meta li:first-child::before{
    border: 0;
}

#page-right-section .main-section .maincontent .leftSecton .walllist .wall_post .panel-body .author-desc-data p{
    line-height: normal;
    font-size: var(--font-size-x-small);
    font-family: var(--font-family-regular);
}

#page-right-section .main-section .maincontent .leftSecton .walllist .wall_post .panel-body .author-desc-data p b{
    line-height: normal;
    font-size: var(--font-size-x-small);
    font-family: var(--font-family-regular);
    font-weight: normal;
}

#page-right-section .main-section .maincontent .leftSecton .walllist .wall_post .panel-body .author-desc-data .pollresult p.available b.red{
    line-height: normal;
    font-size: var(--font-size-x-small);
    font-family: var(--font-family-regular);
    color: var(--text-error);
    font-weight: normal;
}

#page-right-section .main-section .maincontent .leftSecton .walllist .wall_post .panel-body .polls-voting-wrapper-new{
    line-height: 30px;
    margin-top: 40px;
}

#page-right-section .main-section .maincontent .leftSecton .walllist .wall_post .panel-body .polls-voting-wrapper-new .quorum_box span.quorum_per{
    color: var(--bg-darkgray);
    font-size: 12px;
}

#page-right-section .main-section .maincontent .leftSecton .walllist .wall_post .panel-body .polls-voting-wrapper-new .quorum_box span.quorum_per strong{
    font-weight: normal;
    font-size: 12px;
}

#page-right-section .main-section .maincontent .leftSecton .walllist .wall_post .panel-body .polls-voting-wrapper-new .quorum_box span.quorum_status{
    color: var(--bg-darkgray);
    font-size: 12px;
}

#page-right-section .main-section .maincontent .leftSecton .walllist .wall_post .panel-body .polls-voting-wrapper-new .quorum_box span.quorum_status strong{
    font-weight: normal;
    color: var(--text-error);
    font-size: 12px;
}

#page-right-section .main-section .maincontent .leftSecton .walllist .wall_post .panel-body .polls-voting-wrapper-new .polls-voting-checkbox-wrapper .polls-wrapper-table table{
    width: 100%;
    margin-top: 80px;
}


#page-right-section .main-section .maincontent .leftSecton .walllist .wall_post .panel-body .polls-voting-wrapper-new .polls-voting-checkbox-wrapper .polls-wrapper-table table tbody tr{
    border-top:1px solid var(--border-color);
}

#page-right-section .main-section .maincontent .leftSecton .walllist .wall_post .panel-body .polls-voting-wrapper-new .polls-voting-checkbox-wrapper .polls-wrapper-table table tbody tr:first-child{
    border: 0;
}

#page-right-section .main-section .maincontent .leftSecton .walllist .wall_post .panel-body .polls-voting-wrapper-new .polls-voting-checkbox-wrapper .polls-wrapper-table table tbody tr td{
    font-size: var(--font-size-x-small);
    line-height: 22px;
    padding: 12px 0;
}

#page-right-section .main-section .maincontent .leftSecton .walllist .wall_post .panel-body .polls-voting-wrapper-new .polls-voting-checkbox-wrapper .polls-wrapper-table table tbody tr td span.tbl_header{
    color: var(--bg-darkgray);
}

#page-right-section .main-section .tab-content .eagm_main_module .eagm-poll-result-snapshot-wrapper span{
    color: var(--bg-darkgray);
    font-size: var(--font-size-x-small);
    padding-right: 30px;
    cursor: pointer;
}
#page-right-section .main-section .tab-content .eagm_main_module .eagm-poll-result-snapshot-wrapper.anprcountdisplay span{
    font-size: var(--font-size-small);
}

.blog-meta li.dark_text_color{
    color: var(--text-darkgray); 
}

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

.eagm_mobile_upload_docs:hover{
    color: var(--text-black);
}

.eagm_mobile_upload_imBox{
    display: flex;
    justify-content: flex-start;
}

.eagm_mobile_upload_imBox div{
    flex: 1;
    margin: 0 5px;
}

.eagm_mobile_upload_imBox img{
    width: 100%;
    height: 100px;
    object-fit: contain;
}

label span.eagm-title {
    text-transform: initial;
}

.form-group.delete_poll_egmOption {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.form-group .form-control{
    flex: 1;
}

.form-group.delete_poll_egmOption label{
    width: auto;
}

.form-group.delete_poll_egmOption .removeOption {
    margin-left: 12px;
    margin-bottom: 15px;
}

.form-group.delete_poll_egmOption p.help-block-error{
    width: 100%;
}

/*----------------------eAGM End-------------------------*/


/*----------------------MyAccount Start-------------------------*/
#page-right-section .main-section .my_account_box .my_acc_lbox h5, .recent_tra_title{
    font-size: var(--font-size-medium);
}

#page-right-section .main-section .my_account_box .my_acc_rbox , .recent_tran_box{
    line-height: normal;
}

#page-right-section .main-section .my_account_box .my_acc_rbox h4{
    font-size: var(--font-size-large);
    margin-bottom: 0;
}

#page-right-section .main-section .my_account_box .my_acc_rbox h4 span{
    font-size: var(--font-size-medium);
    color: var(--bg-darkgray);
    margin-right: 10px;
}

#page-right-section .main-section .my_account_box .my_acc_rbox a , .recent_history_title{
    color: var(--text-link-secondry);
    text-decoration: underline;
    text-align: right;
    display: block;
}

#page-right-section .main-section .token_list_box .token_inner_box{
    border: 1px solid var(--bg-green);
    border-radius: var(--border-radius);
    margin-bottom: 15px;
}

#page-right-section .main-section .token_list_box .token_inner_box .token_inner_lbox{
    width: 45%;
    background: var(--bg-lightgray);
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
    padding: 25px 0;
}

#page-right-section .main-section .token_list_box .token_inner_box .token_inner_lbox .gender-options{
    height: 100%;
    justify-content: flex-start;
    padding: 0 5px;
}

#page-right-section .main-section .token_list_box .token_inner_box .token_inner_lbox .form-group input[type=radio]:checked+label, #page-right-section .main-section .token_list_box .token_inner_box .token_inner_lbox .form-group input[type=radio]:not(:checked)+label{
    top: -15px;
    margin: 0;
}

#page-right-section .main-section .token_list_box .token_inner_box .token_inner_lbox .form-group span label{
    margin: 0px;
    top: 0;
    font-size: var(--font-size-small);
    color: var(--text-black);
    font-family: var(--font-family-SemiBold);
}

#page-right-section .main-section .token_list_box .token_inner_box .token_inner_rbox{
    padding: 25px 7px 25px 7px;
    line-height: normal;
    display: grid;
    place-content: center;
}

#page-right-section .main-section .token_list_box .token_inner_box .token_inner_rbox span{
    display: block;
    font-size: var(--font-size-small);
    font-family: var(--font-family-SemiBold);
}

#page-right-section .main-section .token_list_box .token_inner_box .token_inner_rbox h6{
    margin-bottom: 0;
    font-size: var(--font-size-small);
}

#page-right-section .main-section .token_list_box .procedd_add_btn{
    text-align: center;
    margin-top: 30px;
}

#page-right-section .main-section .token_list_box .procedd_add_btn a{
    min-width: 275px;
    font-size: var(--font-size-medium);
    color: var(--text-white);
    font-family: var(--font-family-SemiBold);
    background: var(--bg-green);
    padding: 0 50px;
    border-radius: var(--border-radius);
    height: 43px;
    line-height: 43px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* text-transform: capitalize; */
    cursor: pointer;
}

.payment-detail.wallet_detaile_page ul{
    list-style-type: none;
    padding: 0 15px 10px;
    border: 1px solid var(--second-border-color);
    border-radius: var(--border-radius);
    margin-top: 25px;
    margin-bottom: 0;
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.payment-detail.wallet_detaile_page ul.paymentlist li{
    display: flex;
    justify-content: space-between;
    line-height: normal;
    margin-top: 10px;
    padding: 5px 0;
}

.payment-detail.wallet_detaile_page ul.paymentlist li span{
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
}

.payment-detail.wallet_detaile_page .payment-total{
    border: 1px solid var(--second-border-color);
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    margin-bottom: 20px;
    padding: 0 15px;
}

.payment-detail.wallet_detaile_page .payment-total .right {
    display: flex;
    justify-content: flex-end;
}

.payment-detail.wallet_detaile_page textarea{
    padding: 0.3rem 0.75rem 0.3rem;
}



.payment_details_sec{
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.07);
    border-radius: var(--border-radius);
}

.payment_details_sec .success-msg{
    text-align: center;
    margin-bottom: 30px;
}

.payment_details_sec .success-msg .successful_msg_img{
    width: 126px;
    margin-bottom: 10px;
}

.payment_details_sec .success-msg .trans_id_title{
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
}

/*----------------------MyAccount End-------------------------*/


/*----------------------eAGM-------------------------*/
#page-right-section .main-section .tab-content .eagm_main_module #eagm-details{
    position: relative;
}

#page-right-section .main-section .tab-content .eagm_main_module #eagm-details .meeting-start-btn-wrapper{
    position: absolute;
    right: 318px;
    top: -80px;
}

#manageuserlist #manageuserlistGrid #manageuserlistGrid-filters .selectalldiv{
    display: flex;
    flex-direction: column;
}

#manageuserlist #manageuserlistGrid #manageuserlistGrid-filters .form-group .select{
    height: 40px;
    line-height: 40px;
    width: 149px;
    margin-bottom: 0 !important;
}

#userListGird .selectalldiv{
    display: flex;
}

#userListGird .selectalldiv label{
    margin-left: 5px;
}

#manageuserlist #manageuserlistGrid #manageuserlistGrid-filters .selectalldiv label{
    font-size: var(--font-size-medium);
    color: var(--text-black);
}

#manageuserlist #manageuserlistGrid #manageuserlistGrid-filters .selectalldiv input.selectall , #manageuserlist #manageuserlistGrid .condoCheckbox , #userListGird .selectalldiv input.selectall , #userListGird input.selection{
    width: 20px;
    height: 20px;
}

.add_partcipant_toggle {
    position: relative;
}

.add_partcipant_toggle .toggle{
    color: var(--text-black);
    border-radius: 50px; 
}

.add_partcipant_toggle .toggle.btn-primary{
    border: none;
}

.add_partcipant_toggle .toggle .toggle-group label.btn{
    position: absolute;
    font-size: var(--font-size-x-small);
}

.add_partcipant_toggle .toggle .toggle-group label.btn::before{
    content: '';
    display: inline-block;
    width: 25px;
    min-width: 25px;
    height: 25px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 1px;
    background: var(--progressbar-bg);
}

.add_partcipant_toggle .toggle .btn-default.toggle-off{
    background: var(--bg-lightgray);
    border: none;
}

.add_partcipant_toggle .toggle .btn-primary.toggle-on{
    background: var(--toggle-switch-active);
    border: none;
    line-height: 13px !important;
    color: var(--text-black);
}
.add_partcipant_toggle .toggle .toggle-group label.toggle-on::before{
    left: 72px;
    background: var(--bg-green);
    top: 1px;
}

#participant-proxy-user #tablebodyproxy .singlerowclassproxy .form-group input[type=radio]:checked+label, #participant-proxy-user #tablebodyproxy .singlerowclassproxy  .form-group input[type=radio]:not(:checked)+label{
    top: -8px;
    margin-bottom: 0;
}


#manageuserlist.tableContent table thead tr.filters {
    display: table-row;
}

#manageuserlistGrid label {
    word-break: break-all;
}
/*----------------------eAGM End-------------------------*/

/*----------------------MyAccount Start-------------------------*/
.bookingApprovalFilter input#userId{
    padding-top: 5px;
}

/* sign up page */
.login-page #reset-password-section .forgot-form.signup_form{
    padding:50px 30px;
    overflow: auto;
}

.login-page #sign_in_form .signUp:hover{
    color: var(--text-black);
}

/* .login-page #reset-password-section .forgot-form.signup_form input.ui-autocomplete-input{
    padding: 0.3rem 0.75rem 0.3rem;
} */

#licenseAgreement.modal .tncifram iframe{
    border: none !important;
}

#ForcelicenseAgreement.modal .ifrm iframe{
    border: none !important;
}

.modal .modal-dialog .modal-body .form-group.view-all-section.view_selectall_box .select{
    width: 100% !important;
}

.amentity-verify-pin.form-group input{
    padding: 0.3rem 0.75rem 0.3rem;
}

/*----------------------MyAccount End-------------------------*/


/*---------------------Purchase-Enquiry-System-------------------------*/
.purchase_enquiry_Section .select-list-img img , .photos_purc_enq_box img{
    border-radius: var(--border-radius);
    width: 100%;
    height: 187px;
    object-fit: cover;
}

.photos_purc_enq_box .bookdetails_textBox h4{
    margin-bottom: 0;
}



.purchase_enquiry_Section .bookdetails{
    margin-top: 8px;
    height:auto;
}

.main-image-preview_product .img-link-wrap .form-control:focus-visible{
    text-shadow: unset;
}

.main-image-preview_product .img-link-wrap input{
    padding: 0.3rem 0.75rem 0.3rem;
    height: auto;
}

.main-image-preview_product .img-link-wrap input:focus{
    border-color: var(--border-color);
    color: var(--text-darkgray);
}

.main-image-preview_product .img-link-wrap input , .main-image-preview_product .img-link-wrap .added_by_text{
    font-size: var(--font-size-small);
    color: var(--text-darkgray);
}
.constprogadd_1_error{
    color:#a94442;
}
.delete-image-multiple .delete_constprogadd_image{
    Width :17px;
    Height:20px;
}
/*---------------------Purchase-Enquiry-System-End-------------------------*/

/*---------------------Eagm Meeting Report-------------------------*/

.meeting_report_section .campaign-report .campaign{
    width: 100%;
    padding: 0;
}

.meeting_report_section .campaign-report .stats{
    background: var(--bg-default);
    border-radius: 8px;
    border: 1px solid var(--second-border-color);
    padding: 15px;
    margin-top: 20px;
    box-shadow: 0px 4px 24px 0 rgba(0, 0, 0, 0.07);
}

.meeting_report_section .campaign-report .stats{
    width: 100%;
    margin-top: 0;
}

.meeting_report_section .campaign-report .stats_box {
    width: 100%;
    float: none;
}

.meeting_report_section .campaign-report .stats_box_right , .meeting_report_section .campaign-report .stats_box_right-new-wrapper .circul_box , .meeting_report_section .campaign-report .circul_img{
    float: none;
}

.meeting_report_section .campaign-report ul li{
    list-style: none;
    padding: 6px 0;
    color: var(--text-darkgray);
}

.meeting_report_section .campaign-report .stats_box li{
    display: flex;
    padding: 6px 0;
    font-size: var(--font-size-medium);
}

.meeting_report_section .campaign-report .stats_box li span.left, .meeting_report_section .campaign-report .stats_box li span.right{
    flex: 1;
}

.meeting_report_section .campaign-report .stats_box li span.right{
    padding-left: 10px;
    text-align: right;
}

.meeting_report_section .campaign-report .stats_box h3{
    font-size: var(--font-size-medium);
    color: var(--text-green);
    font-family: var(--font-family-SemiBold);
    padding-bottom: 10px;
    text-transform: capitalize;
}

.meeting_report_section .campaign-report .new-graph-result-heading{
    background-color: var(--border-color);
    width: 100%;
    color: var(--text-black);
    padding: 8px 12px;
    margin-top: 15px;
}

.meeting_report_section .campaign-report .canvasjs-chart-toolbar{
    display: none;
}

.meeting_report_section .campaign-report .stats_box_right{
    width: calc(100%);
}

.meeting_report_section .campaign-report .stats_box_right.stats_box_right-new-wrapper {
    border: 1px solid var(--second-border-color);
    background-color: var(--bg-default);
    padding: 15px;
    margin-bottom: 10px;
}

.meeting_report_section .campaign-report .stats_box_right.stats_box_right-new-wrapper{
    min-height: 300px;
}

.meeting_report_section .campaign-report .stats_box_right-new-wrapper .circul_box{
    position: relative;
}

.meeting_report_section .campaign-report .circul_box{
    margin-left: 0px;
}

.meeting_report_section .campaign-report .circul_box:first-child{
    margin-left: 0px;
    width: 49.33%;
}

.meeting_report_section .campaign-report ul.colorful-disc-listing{
    padding-right: 0px;
}

.meeting_report_section .campaign-report ul.colorful-disc-listing li.heading_text_total{
    justify-content: space-between;
}

.meeting_report_section .campaign-report .directory-list ul li{
    padding: 5px 5px 5px 12px;
    overflow: hidden;
    border-bottom: none;
}

.meeting_report_section .campaign-report .directory-list ul.colorful-disc-listing li{
    padding: 0px;
    overflow: visible;
    border-bottom: none;
    margin-bottom: 15px;
}

.meeting_report_section .campaign-report .page-unitlist-cont #tab_tab_data li{
    position: relative;
}

.meeting_report_section .campaign-report .colorful-circle{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.meeting_report_section .campaign-report .directory-list ul.colorful-disc-listing li span{
    font-weight: 600;
    font-size: 13px;
}

.meeting_report_section .campaign-report span.colorful-listing-text{
    padding-left: 10px;
    position: relative;
    padding-right: 10px;
    width: calc(100% - 30% - 8px);
}

.meeting_report_section .campaign-report span.colorful-listing-value{
    width: 30%;
    text-align: right;
}

/*---------------------Eagm Meeting End Report-------------------------*/

.right_title {
    color: var(--text-darkgray);
}

.dvPreview .cross.removeattachment {
    top: 5px;
    background-repeat: no-repeat;
    border-radius: 80%;
    padding: 11px;
    display: inline-block;
    background: url("../images/upgrade-img/cross-btn.svg") no-repeat;
    background-position: 5px 4px;
}

/* -----------new dashborad design-------------- */
.col-box-dash:nth-child(odd){
    flex: 0 0 auto;
    width: 100%;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}

.col-box-dash:nth-child(even){
    flex: 0 0 auto;
    width: 40%;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
}

.bash_shadow{
    box-shadow: 0px 4px 26px 0px rgba(34, 56, 98, 0.13);
    background-color: var(--bg-default);
    border-radius: 10px;
    margin-bottom: 30px;
}

.grid-item-cust{
    flex: 0 0 auto;
    width:33.3333% ;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}

/* .grid-item-cust:first-child{
    width:50%;
} */

/* .grid-item-cust:nth-child(2){
    width:50%;
} */

.dashboard_comingsoon_box{
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
    width: 100%;
}

.dashborad_color_boxs{
    padding: 30px  10px;
    text-align: center;
    box-shadow: 0px 4px 26px 0px rgba(34, 56, 98, 0.13);
    border-radius: 10px;
    min-height: 218px;
}

.total_log h5{
    text-align: center;
    color: var(--text-white);
    text-transform: uppercase;
}

.total_log h3{
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
    color: var(--text-white);
    margin-bottom: 40px;
}

.total_devision_log{
    display: flex;
    justify-content: space-around;
    text-align: center;
}

.total_devision_log div{
    position: relative;
    width: 100%;
    display: grid;
    place-content: center;
}

.total_devision_log div::before{
    content: '';
    position: absolute;
    border-left:1px solid #fff;
    top: 0;
    right:0;
    height: 100%;
    transform: translate(-50%, 0);
}

.total_devision_log div:last-child::before{
    border: 0;
}

.total_devision_log h4{
    font-size: var(--font-size-medium-large);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 8px;
    color: var(--text-white);
}

.total_devision_log p{
    font-size: var(--font-size-md-small);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 0;
    color: var(--text-white);
}

.dashborad_red{
    background: #F5413B;
}

.dashborad_blue{
    background: #56BDFD;
}

.dashborad_green{
    background: #55D65C;
}

.dashborad_purple{
    background: #8A32FC;
}

.dashborad_orange{
    background: #F56C3C;
}

.btn-dash-box{
    color: var(--text-white);
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    border-radius: 18.5px;
    background: rgba(0, 0, 0, 0.18);
}

.dash_card_cust .dash_card_cust_header{
    display: flex;
    place-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #C9C9C9;
}

.dash_card_cust .dash_card_cust_header h4{
    color: var(--text-dashbord);
    font-size: 14px;
    font-family: var(--font-family-Bold);
    line-height: normal;
    text-transform: uppercase;
    padding: 18px 25px;
    margin: 0;
}


.dash_card_cust .dash_card_cust_body{
    padding: 25px;
}

.activity-feed {
    padding: 15px;
    list-style: none;
}
.activity-feed .feed-item {
    position: relative;
    padding-bottom: 30px;
    padding-left: 60px;
    border-left: 2px solid #e4e8eb;
}
.activity-feed .feed-item:last-child {
    border-color: transparent;
    padding-bottom: 0;
}

.activity-feed .feed-item .text {
    padding-top: 18px;
    display: block;
    color: var(--text-dashbord-alt);
    font-size: var(--font-size-small);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.activity-feed .feed-item img{
    width: 42px;
    height: 42px;
    border-radius: 50%;
    position: absolute;
    left: 0%;
    top: 0%;
    transform: translate(-50%, -0%);
}

.activity-feed .feet_item_row{
    display: flex;
}

.activity-feed .feed_item_sub{
    border-radius: 14.5px;
    background: #F2F2F2;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.20);
    padding: 10px 16px;
    margin-right: 30px;
    color: var(--text-dashbord);
    font-size: var(--font-size-small);
    font-weight: 400;
    line-height: normal;
}

.activity-feed .feed_item_sub:first-child{
    word-wrap: break-word;
    word-break: keep-all;
    min-width: 75px;
    height: fit-content;
}

.activity-feed .feed_item_sub:last-child{
    margin-right: 0;
}

.w-cust-100{
    width: 100%;
}

.facility_grp_h{
    margin-bottom: 0;
}

.facility_grp_h .dash_card_cust_body{
    /* height: 190px; */
}

.dash_card_cust .dash_card_cust_body .table th {
    border: 0;
    color: var(--text-dashbord-alt);
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    padding: 0;
}

.dash_card_cust .dash_card_cust_body .table th:last-child{
    width: 140px;
}

.dash_card_cust .dash_card_cust_body .table td{
    border: 0;
    color: var(--text-dashbord);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    background: rgba(47, 129, 251, 0.07);
}

.dash_card_cust .dash_card_cust_body .table td span{
    border-radius: 14.5px;
    background: #F00;
    color: var(--text-white);
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    padding: 6px 10px;
}

.dash_card_cust .dash_card_cust_body .table td span .refund_text{
    color: var(--text-white);
}
.dash_card_cust .dash_card_cust_body .table {
    border-collapse: separate;
    border-spacing: 0 20px;
}

.dash_card_cust .dash_card_cust_header .nav-fliter {
    padding: 8px 25px;
}

.dash_card_cust .dash_card_cust_header .nav-fliter ul{
    list-style: none;
    display: flex;
    margin: 0;
}

.dash_card_cust .dash_card_cust_header .nav-fliter ul a{
    color: var(--text-dashbord-secondary); 
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-left:50px ;
}

.dash_card_cust .dash_card_cust_header .nav-fliter ul li.active a   {
    color: #8A32FC;
    text-decoration: underline;
    text-underline-offset: 21px;
    text-decoration-thickness: 2px;
}


.dash_activity_cust canvas{
    width: 100% !important;
    max-width: 100% !important;
}

.mg-b-30{
    margin-bottom: 30px;
}


/*==============================All table Design issue Fixing===================================*/

#page-right-section .tab-content .directory_table table thead th:last-child, #page-right-section .tab-content .directory_table table tbody td:last-child{
    max-width: 230px;
}

#unit-unitfloorplan .unitfloorplan-table .tableContent table th, #unit-unitfloorplan .unitfloorplan-table .tableContent table td{
    width: 47%;
}

#unit-unitfloorplan .unitfloorplan-table .tableContent table tbody tr td:nth-child(2) {
    vertical-align: baseline;
}

#page-right-section .transactionshistory-index.vis_vehicle_tabData table th:nth-child(7){
    width: 165px;
}

#hikvisionparkinglog.tableContent table thead th:last-child , #hikvisionparkinglog.tableContent table tbody td:last-child{
    min-width: 100px;
    width: 180px;
}

/* #hikvisionlisttabel.tableContent table thead th:nth-child(1),
#hikvisionlisttabel.tableContent table tbody td:nth-child(1){
    width: 30%;
}

#hikvisionlisttabel.tableContent table thead th:nth-child(2),
#hikvisionlisttabel.tableContent table tbody td:nth-child(2){
    width: 48%;
    padding-right: 10%;
} */

.const-process-list-sec .tableContent table thead th , .const-process-list-sec .tableContent table tbody td {
    width: 23%;
}

.const-process-list-sec .tableContent table div a.view-detail {
    display: inline-block;
    min-height: 19px;
}

.const-process-review-list-sec .tableContent table thead th , .const-process-review-list-sec .tableContent table tbody td {
    width: 18.50%;
}

/* .const-process-payment-list-sec .tableContent table thead th , .const-process-payment-list-sec .tableContent table tbody td {
    width: 45%;
} */

/* 16/04/2024 */

#unit-unitfloorplan .unitfloorplan-table .tableContent  #uniitListGrid table th:nth-child(1), 
#unit-unitfloorplan .unitfloorplan-table .tableContent  #uniitListGrid table td:nth-child(1) {
    /* width: 90px; */
    max-width: inherit;
}

#unit-unitfloorplan .unitfloorplan-table .tableContent  #uniitListGrid table th:last-child, 
#unit-unitfloorplan .unitfloorplan-table .tableContent  #uniitListGrid table td:last-child {
    width: 90px;
    max-width: inherit;
    padding-left: 0;
    padding-right: 0;
}
  

#unit-unitfloorplan .unitfloorplan-table .tableContent  #uniitListGrid table th, 
#unit-unitfloorplan .unitfloorplan-table .tableContent  #uniitListGrid table td {
    width: calc(100% - 180px);
    max-width: inherit;
    padding-left: 0;
    padding-right: 0;
}

#unit-unitfloorplan .unitfloorplan-table .tableContent  #uniitListGrid table th
 {
    width: calc(100% - 180px);
    max-width: inherit;
    padding-left: 10px;
    padding-right: 0;
}

/* end16/04/2024 */


.strip-btn , .btndeletdoc, .btnadddoc {
    cursor: pointer;
}

.approve_face_count {
    padding: 16px 0;
    text-align: end;
    margin-bottom: 0;
}

.status_history_table th:nth-child(1) , .status_history_table td:nth-child(1){
    width: 30%;
}

.status_history_table th:nth-child(2) , .status_history_table td:nth-child(2),
.status_history_table th:nth-child(3) , .status_history_table td:nth-child(3){
    width: 35%;
}

.status_history_img_title{
    margin: 6px 0;
}

#page-right-section .tab-content #formanswerList #formanswerListGrid .table.onli-form-sub-table thead th:last-child, #page-right-section .tab-content #formanswerList #formanswerListGrid .table.onli-form-sub-table tbody td:last-child{
    width: 220px;
    max-width: 220px;
}

#page-right-section .tab-content #feedback #feedbackfilter.pack-filter-sec{
    align-items: start !important;
}

#page-right-section #transactionshistory.tableContent table.onlinefac_trans_table thead th:nth-child(4) , #page-right-section #transactionshistory.tableContent table.onlinefac_trans_table tbody td:nth-child(4){
    min-width: 225px;
}

#page-right-section .tab-content .tableContent #chatListGrid table thead th:last-child, #page-right-section .tab-content .tableContent #chatListGrid table tbody td:last-child{
    width: 155px;
}

#page-right-section .tab-content .tableContent #epsparkingrepeatedloggrid table thead th:last-child, #page-right-section .tab-content .tableContent #epsparkingrepeatedloggrid table tbody td:last-child{
    width: 155px;
}

#page-right-section .tab-content .tableContent #epsvisitorloggrid table thead th, #page-right-section .tab-content .tableContent #epsvisitorloggrid table tbody td{
    width: 17.30%;
}

#page-right-section .tab-content .tableContent.tran_report_table .table-responsive, #page-right-section .tab-content #transactionshistoryWalletGrid.table-responsive , #page-right-section .tab-content #transactionshistoryFacilityGrid.table-responsive , #page-right-section .tab-content #transactionshistoryOnlineGrid.table-responsive , #page-right-section .tab-content #transactionshistoryPayLahGrid.table-responsive {
    max-height: 505px;

}

.tableContent table.bicycles_table thead th,.tableContent table.bicycles_table table tbody td{
    width: 17%;
}

.tableContent.common_3_col_table table thead th,.tableContent.common_3_col_table table tbody td{
    width: 34%;
}

#page-right-section .tab-content #holidaylisttabel_nonworkingdays.tableContent.common_3_col_table table thead th:last-child , #page-right-section .tab-content #holidaylisttabel_nonworkingdays.tableContent.common_3_col_table table tbody td:last-child{
    width: auto;
}

#holidaylisttabel_nonworkingdays.tableContent.common_3_col_table table thead th:nth-child(1) , #holidaylisttabel_nonworkingdays.tableContent.common_3_col_table table tbody td:nth-child(1){
    width: 135px;
    min-width: 135px;
}

#holidaylisttabel_nonworkingdays.tableContent.common_3_col_table table thead th:nth-child(2) , #holidaylisttabel_nonworkingdays.tableContent.common_3_col_table table tbody td:nth-child(2){
    min-width: 135px;
}

#page-right-section .tab-content .tableContent.common_3_col_table table thead th:last-child, #page-right-section .tab-content .tableContent.common_3_col_table table tbody td:last-child{
    width: 34%;
}

.tableContent.common_4_col_table table thead th,.tableContent.common_4_col_table table tbody td{
    width: 25%;
}

.tableContent.common_4_col_table.folderlisttabel_table_content table thead th , .tableContent.common_4_col_table.folderlisttabel_table_content table tbody td{
    width: auto;
}

.tableContent.common_4_col_table.folderlisttabel_table_content table thead th:first-child,.tableContent.common_4_col_table.folderlisttabel_table_content table tbody td:first-child{
    min-width: 100px;
    width: 100px;
}

.tableContent.common_4_col_table.folderlisttabel_table_content table thead th:nth-child(2),.tableContent.common_4_col_table.folderlisttabel_table_content table tbody td:nth-child(2){
    min-width: 370px;
    width: 370px;
}

.tableContent.common_4_col_table.folderlisttabel_table_content table thead th:nth-child(3),.tableContent.common_4_col_table.folderlisttabel_table_content table tbody td:nth-child(3){
    width: 100px;
}

#page-right-section .tab-content .aminities-list-sec.templatesTabData #visitorPassList .table thead th , 
#page-right-section .tab-content .aminities-list-sec.templatesTabData #visitorPassList .table thead td {
    width: 33%;
}

.customizable-form-list.foruntituser .tableContent table thead th:first-child,.customizable-form-list.foruntituser .tableContent table tbody td:first-child{
    width: 150px;
}

.customizable-form-list.foruntituser .tableContent table thead th:last-child,.customizable-form-list.foruntituser .tableContent table tbody td:last-child{
    width: auto;
}

#page-right-section #transactionshistory.tableContent.trans_history_tablecontent table thead th{
    width: auto;
}

#page-right-section #transactionshistory.tableContent.trans_history_tablecontent table thead th:nth-child(1), #page-right-section #transactionshistory.tableContent.trans_history_tablecontent table tbody td:nth-child(1){
    width: 350px;
    min-width: 350px;
}

#page-right-section #transactionshistory.tableContent.trans_history_tablecontent table thead th:nth-child(2), #page-right-section #transactionshistory.tableContent.trans_history_tablecontent table tbody td:nth-child(2),
#page-right-section #transactionshistory.tableContent.trans_history_tablecontent table thead th:nth-child(3), #page-right-section #transactionshistory.tableContent.trans_history_tablecontent table tbody td:nth-child(3){
    width: 185px;
    min-width: 185px;
}

#page-right-section .tableContent #peoplecountGrid .table thead th:first-child, #page-right-section .tableContent #peoplecountGrid .table tbody td:first-child{
    width: 350px;
    max-width: unset;
}

#hikvisionlisttabel.tableContent.common_3_col_table table thead th, #hikvisionlisttabel.tableContent.common_3_col_table table tbody td{
    width: auto;
}

#hikvisionlisttabel.tableContent.common_3_col_table table thead th:first-child, #hikvisionlisttabel.tableContent.common_3_col_table table tbody td:first-child{
    width: 200px;
}

#hikvisionlisttabel.tableContent.common_3_col_table table thead th:nth-child(2), #hikvisionlisttabel.tableContent.common_3_col_table table tbody td:nth-child(2){
    width: 300px;
    min-width: 300px;
}

.tableContent.common_3_col_table.paymentList_tablecontent table thead th, .tableContent.common_3_col_table.paymentList_tablecontent table tbody td{
    width: auto;
}

.tableContent.common_3_col_table.paymentList_tablecontent table thead th:first-child, .tableContent.common_3_col_table.paymentList_tablecontent table tbody td:first-child{
    width: 400px;
    min-width: 400px;
}

.tableContent.common_3_col_table.paymentList_tablecontent table thead th:nth-child(2), .tableContent.common_3_col_table.paymentList_tablecontent table tbody td:nth-child(2){
    width: 150px;
}

.tableContent.unittypeList_tablecontent table thead th:first-child, .tableContent.unittypeList_tablecontent table tbody td:first-child ,.tableContent.levelList_tablecontent table thead th:first-child, .tableContent.levelList_tablecontent table tbody td:first-child , .tableContent.defectcategory_tablecontent table thead th:nth-child(3), .tableContent.defectcategory_tablecontent table tbody td:nth-child(3){
    width: 150px;
}

.tableContent.unittypeList_tablecontent table thead th:nth-child(2), .tableContent.unittypeList_tablecontent table tbody td:nth-child(2) , .tableContent.levelList_tablecontent table thead th:nth-child(2), .tableContent.levelList_tablecontent table tbody td:nth-child(2){
    width: 350px;
}

.tableContent.defectcategory_tablecontent table thead th:first-child, .tableContent.defectcategory_tablecontent table tbody td:first-child , .tableContent.doorGrouplist_tablecontent table thead th:first-child , .tableContent.doorGrouplist_tablecontent table tbody td:first-child , .tableContent.staffMappinglist_tablecontent table thead th:first-child , .tableContent.staffMappinglist_tablecontent table tbody td:first-child{
    width: 350px;
    min-width: 350px;
}

.tableContent.defectcategory_tablecontent table thead th:nth-child(2), .tableContent.defectcategory_tablecontent table tbody td:nth-child(2){
    width: 250px;
}

.tableContent.unittypeList_tablecontent table thead th:last-child, .tableContent.unittypeList_tablecontent table tbody td:last-child,.tableContent.levelList_tablecontent table thead th:last-child, .tableContent.levelList_tablecontent table tbody td:last-child , .tableContent.defectcategory_tablecontent table thead th:last-child, .tableContent.defectcategory_tablecontent table tbody td:last-child{
    width: auto;
}

.tableContent.accessloglist_tablecontent table thead th:first-child, .tableContent.accessloglist_tablecontent table tbody td:first-child , .tableContent.accessloglist_tablecontent table thead th:nth-child(2), .tableContent.accessloglist_tablecontent table tbody td:nth-child(2) , .tableContent.accessloglist_tablecontent table thead th:nth-child(4), .tableContent.accessloglist_tablecontent table tbody td:nth-child(4) , .tableContent.unitMappinglist_tablecontent table thead th:first-child , .tableContent.unitMappinglist_tablecontent table tbody td:first-child {
    width: 120px;
    min-width: 120px;
}

.tableContent.accessloglist_tablecontent table thead th:nth-child(3), .tableContent.accessloglist_tablecontent table tbody td:nth-child(3){
    width: 420px;
    min-width: 420px;
}

/*==============================All table Design issue Fixing===================================*/

.table.multiple-input-list tr>th{
    border: none;
    font-size: var(--font-size-medium);
    color: var(--text-black);
}
.table.multiple-input-list tr>th.list-cell__door_group_id , .table.multiple-input-list tr>th.list-cell__lift_group_id {
    padding-left: 0;
}
.multiple-input-list.table-renderer tbody .multiple-input-list__item td {
    width: 50%;
}
.multiple-input-list.table-renderer tbody .list-cell__button {
    display: none;
}
#door-group-mapping .multiple-input-list.table-renderer tbody .list-cell__button,#lift-group-mapping .multiple-input-list.table-renderer tbody .list-cell__button{
    display: block;
}
.hide {
    display: none;
}
.show {
    display: block;
}

.empty{
    text-align: center;
}

.wallet-balance-sec .form-group input[type=radio]:not(:checked)+label , .wallet-balance-sec .form-group input[type=radio]:checked+label {
    padding-left: 24px;
}

/*==============================DLP detect issue===================================*/
.cust-place-items-end{
    place-content: end;
}
.st_rit_6-design-issue{
    background: #EFF9FF;
    padding: 40px 0;
}
.st_rit_6-design-issue .st_cont_mn p{
    color: var(--text-black);
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}
.st_rit_6-design-issue .st_cont_mn span{    
    font-size: 50px;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize;
}
.st_rit_6-design-issue .st_cont_mn span.s_txt_blue{
    color: var(--text-link-secondry);
}
.st_rit_6-design-issue .st_cont_mn span.s_txt_green{
    color: #70BB6E;
}
.st_rit_6-design-issue .st_cont_mn span.s_txt_red{
    color: #F00;
}

.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button{
    font-weight: unset !important;
    text-transform: unset !important;
}

/*----------------------DLP design-------------------------*/

.dlp_dashborad{
    padding: 0 10px;
}

.dlp-btn{
    border-radius: 5px;
    background: #F2F2F2;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.20);
    color: #36538A;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 10px 15px;
}

.dpl-dash-top{
    display: flex;
    justify-content: space-between;
    place-items: baseline;
    min-height: 60px;
}

.dpl-dash-top h5{
    color: var(--text-dashbord);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.dpl-dash-top p{
    color: var(--text-dashbord-alt);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.dpl-dash-top p span{
    color: #11820E;
}

.apexcharts-legend.apexcharts-align-center.apx-legend-position-right{
    top: 50% !important;
    transform: translate(0, -20%);
}

#charttwo .apexcharts-legend-marker{
    border-radius: 50% !important;
}

.apexcharts-toolbar{
    display: none;
}

#chartthree .apexcharts-legend-marker{
    border-radius: 2px !important;
}

.apexcharts-bar-area:hover { 
    fill: #72eb6e !important;
}

.apexcharts-pie-area:hover { 
    fill: #72eb6e !important; 
}

#chartthree .apexcharts-legend.apexcharts-align-center.apx-legend-position-bottom{
    left: 0 !important;
    transform: translate(-30%, 0) !important;
}

.hau_img img{
    width: 100%;
    height: 330px;
    border-radius: 5px;
    object-fit: cover;
}

.hub_list ul{
    list-style: none;
    margin-bottom: 0;
    margin-top: 50px;
}

.hub_list ul li{
    color: #031B4E;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 20.468px;
    margin-bottom: 50px;
}

.hub_list ul li span{
    float: right;
}

.area_progress_box{
    margin-top: 10px;
}

.area_progress_box p{
    color: #031B4E;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    margin: 0;
}

.area_progress_box .progress{
    height: 8px;
    background-color: #DFE6F1;
    margin-top: 7px;
}

.area_progress_box .progress .progress-bar{
    background-color: #5A3CD0;
}

.area_progress_box .row{
    margin-bottom: 20px;
}

.cut-br-left{
    border-left: 1px solid #696969;
}

.cut-br-top{
    border-top: 1px solid #696969;
    padding-top: 20px;
}

.page-projectdashbord .carousel-control-prev, .page-projectdashbord .carousel-control-next{
    position: unset;
    display: inline;
    float: right;
    width: auto;
}

.dlp-dash-boxes .grid-item-cust:first-child{
    width: 33.3333%;
}

.dlp-dash-boxes .grid-item-cust:nth-child(2) {
    width:33.33333%;
}

.dlp-dash-boxes .grid-item-cust:nth-child(4) {
    width:50%;
}

.dlp-dash-boxes .grid-item-cust:nth-child(5) {
    width:50%;
}

.dashborad_blue_lgt{
    background: #6169CD;
}

.dashborad_pink{
    background: #E88DC6;
}


.apexcharts-canvas tspan{
    color: var(--text-dashbord-secondary);
    font-family: var(--font-family-regular) !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.arrow_box {
    position: relative;
    background: #70d876;
  }
  
  /* .arrow_box:after, .arrow_box:before {
    right: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    rotate: deg(30);
    rotate: 270deg;
    bottom: -50%;
    transform: translate(0, 50%);
  }
  
  .arrow_box:after {
    border-color: rgba(85, 85, 85, 0);
    border-right-color: #70d876;
    border-width: 13px;
    margin-top: -13px;
  }
  .arrow_box:before {
    border-color: rgba(0, 0, 0, 0);
    border-right-color: #70d876;
    border-width: 13px;
    margin-top: -13px;
  } */

.apexcharts-tooltip {
    color: var(--text-white);
    /* transform: translateX(-50%) translateY(-50%); */
    overflow: visible !important;
    white-space: normal !important;
  }
  
.apexcharts-tooltip span {
    padding: 5px 10px;
    display: inline-block;
  }

  .dlp-project .inboxinner{
    margin-bottom: 50px;
  }

  .dlp-project .inboxinner .directory-sec {
    border: 1px solid var(--border-color);
  }

  .select-list-data .select-list-tab-data ul{
    border: none;
    display: flex;
    justify-content: left;
    align-items: baseline;
  }

  .select-list-data .select-list-tab-data ul li{
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .select-list-data .select-list-tab-data ul li a{
    position: relative;
    display: flex;
    flex-direction: inherit;
    font-family: var(--font-family-regular);
    align-items: center;
    justify-content: center;
    color: var(--text-black);
    font-size: var(--font-size-medium);
    text-align: center;
    margin: 0 30px 0 0;
  }

  .select-list-data .select-list-tab-data ul li.select-tab-btn a{
    font-family: var(--font-family-SemiBold);
    color: var(--text-green);
  }

  .select-list-data .select-list-tab-data ul li.select-tab-btn a::after {
    position: absolute;
    content: '';
    height: 2px;
    width: 100%;
    background-color: var(--bg-green);
    left: auto;
    border-radius: 50px;
    bottom: 3px;
  }

  .dlp-project .inboxinner .select-list-tab-data{
    display: flex;
    place-content: space-between;
    padding: 15px;
  }

  /* .arrow_box.dlp_dash_arrow_box{
    background: #6169cda1;
  }

  .arrow_box.dlp_dash_arrow_box:after{
    border-right-color: #6169cda1;
  }
  
  .arrow_box.dlp_dash_arrow_box:before{
    border-right-color: #6169cd00;
  } */

  .apexcharts-tooltip-goals-group{
    display: none;
  }

  .apexcharts-tooltip-z-group{
    display: none;
  }

  .apexcharts-datalabels{
    font-family: var(--font-family-regular  ) !important;
  }

  #chartthree .apexcharts-tooltip-series-group{
    padding: 0;
  }

  #chartthree .apexcharts-tooltip-y-group{
    padding: 0 10px;
}

#chartthree .apexcharts-tooltip-text-y-label {
    padding: 0 ;
}

#chartthree .apexcharts-tooltip-text-y-value{
    padding: 0;
}

.apexcharts-tooltip-text{
    font-family: var(--font-family-regular  ) !important;
}

.apexcharts-tooltip-series-group.apexcharts-active{
    background: #70d876 !important;
}

/*----------------------Defect detail-------------------------*/

.defectdetail_page_designupdate .space-equel-full .layout_left {
    flex: calc(100% - 400px);
    max-width: calc(100% - 400px);
}

.defectdetail_page_designupdate.layout_two_clm .compose-section {
    padding: 0px 0 20px 0px;
}

.defectdetail_page_designupdate .ticket_st_clm {
    padding-top: 20px;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
}

.ticket_st_clm .top_tk_rw {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    place-items: center;
}

.defectdetail_page_designupdate .space-equel-full .layout_aside {
    flex: 400px;
    max-width: 400px;
}

.defectdetail_page .compose-section-container.white{
    /* background: #FFF; */
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
}

.defectdetail_page_designupdate .units_cl {
    /* background: #FFF; */
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
    margin-bottom: 20px;
}

.defectdetail_page_designupdate .up_title {
    font-family: var(--font-family-SemiBold);
    padding: 12px 18px;
    color: var(--text-dlp-secondary);
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    /* background: #FFF; */
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);   
}

.defectdetail_page_designupdate .unit_body {
    padding: 14px 14px 10px;
}

.defectdetail_page_designupdate .unit_body ul li {
    padding: 5px 5px 10px;
    list-style: none;
    border-bottom: solid 1px rgba(217, 217, 217, 1);
}

.defectdetail_page_designupdate .nit-list {
    padding-bottom: 0px;
}

.defectdetail_page_designupdate .nit-list h3 a{
    color: var(--text-dlp-secondary);
    font-family: var(--font-family-regular);
    font-size: 14px;
    line-height: normal;
}

.defectdetail_page_designupdate .unt_inrbdy {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.defectdetail_page_designupdate .unt_info_rit {
    display: flex;
    align-items: center;
}

.defectdetail_page_designupdate .unt_info_rit span {
    padding-right: 8px;
    display: inline-flex;
}

.defectdetail_page_designupdate .unt_info_rit span img{
   width: 18px;
}

.defectdetail_page_designupdate .unt_info_rit p {
    margin: 0;
}

.defectdetail_page_designupdate .unt_info_rit p a {
    font-family: var(--font-family-regular);
    color: var(--text-link-secondry);
    font-size: 13px;
    line-height: normal;
    text-decoration-line: underline;
}

.defectdetail_page_designupdate .time_n {
    color: var(--text-dlp-alt);
    font-family: var(--font-family-regular);
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
}

.defectdetail_page_designupdate .ticket_st_clm .tckt_nb {
    color: var(--text-dlp);
    font-family: var(--font-family-SemiBold);
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.defectdetail_page_designupdate .ticket_st_clm .tckt_nb span{
    color: var(--text-dlp-secondary);
}

.defectdetail_page_designupdate .addition_colum ul{
    margin-bottom: 27px;
}

.defectdetail_page_designupdate .addition_colum ul li {
    border: none;
    padding: 0;
    display: flex;
    text-align: left;
    align-items: baseline;
    margin-bottom: 8px;
    line-height: normal;
}

.defectdetail_page_designupdate .addition_colum ul li p {
    max-width: 300px;
    width: 100%;
    font-size: 13px;
    color: #707070;
}

.defectdetail_page_designupdate .addition_colum ul li p{
    color: var(--text-dlp);
    font-family: var(--font-family-regular);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.defectdetail_page_designupdate .addition_colum ul li span {
    font-size: 100%;
    width: calc(100% - 300px);
    color: var(--text-dlp-secondary);
}

.ticket_st_clm .top_tk_rw a.button-fill-primary-large{
    display: inline-block;
}

.ticket_st_clm .top_tk_rw a.button-transparent-secondary-large{
    display: inline-block;
    text-align: center;
}

.defectdetail_page_designupdate .ticket_st_clm.card-sec-colmn {
    margin-bottom: 20px;
}

.defectdetail_page  .progres_tabing .select-list-data {
    padding-top: 0;
    padding-bottom: 0;
}

.defectdetail_page .nav-tabs{
    border: 0;
}

.defectdetail_page .nav-tabs .nav-link{
    color: var(--text-black);
    font-size: var(--font-size-medium);
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: inherit;
    font-family: var(--font-family-regular);
    margin: 0 30px 0 0;
    padding: 0 0 0 0;
    border: 0;
    border-radius: 0;
}

.defectdetail_page .nav-tabs .nav-link:hover{
    color: var(--text-green);
    font-family: var(--font-family-regular);
    border: 0;
}

.defectdetail_page .nav-tabs .nav-link.active{
    color: var(--text-green);
    font-family: var(--font-family-SemiBold);
    border: 0;
}

.defectdetail_page .nav-tabs .nav-link.active::after {
    position: absolute;
    content: '';
    height: 2px;
    width: 100%;
    background-color: var(--bg-green);
    left: auto;
    border-radius: 50px;
    bottom: 3px;
}

.defectdetail_page .progres_tabing .select-list-data{
    padding: 0 16px 16px;
}

.defectdetail_page .progres_tabing .select-list-data .tab-content{
    padding: 15px 0px 0;
}

.defectdetail_page .tab-content .chatMessage{
    position: relative;
    display: flex;
    flex-direction: column;
    height: 300px;
}

.defectdetail_page .tab-content .chatMessage .chatBodyscroll {
    display: grid;
    overflow-x: hidden;
    height: 100%;
    padding: 0;
    overflow-y: auto;
    max-height: calc(100vh - 73px);
    background-color: var(--bg-default);
    padding: 0 5px;
}

.defectdetail_page .tab-content .chatMessage .chatBodyscroll .chatBody {
    display: flex;
    justify-content: end;
    flex-direction: column;
    /* overflow-x: hidden; */
    height: 100%;
    padding: 0;
}

.defectdetail_page .tab-content .chatMessage .chatBody .answerLeft {
    width: auto;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.defectdetail_page .tab-content .chatMessage .chatBody .answerLeft .chatBlock {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: max-content;
    width: 70%;
    position: relative;
}

.defectdetail_page .tab-content .chatMessage .chatBody .answerLeft .chatBlock .text {
    padding: 15px 40px 15px 20px;
    text-align: left;
    background-color: var(--bg-lightgray);
    border-radius: var(--border-radius);
}

.defectdetail_page .tab-content .chatMessage .chatBody .answerLeft .chatBlock .text h4 {
    margin: 10px 0 0;
    line-height: 10px;
    color: var(--text-black);
}

.defectdetail_page .tab-content .chatMessage .chatBody .answerLeft .chatBlock .text b {
    color: var(--text-black);
    font-weight: normal;
    font-family: var(--font-family-regular);
    font-size: var(--font-size-small);
}

.defectdetail_page .tab-content .chatMessage .chatBody .answerLeft .chatBlock .text span {
    line-height: 32px;
}

.defectdetail_page .tab-content .chatMessage .chatBody .answerLeft .chatBlock .text span {
    line-height: 32px;
}

.defectdetail_page .tab-content .chatMessage .chatBody .answerLeft .chatBlock .postdate {
    padding-left: 15px;
    display: flex;
    justify-content: flex-start;
    line-height: 28px;
}

.defectdetail_page .tab-content .chatMessage .chatBody .answerLeft .chatBlock .postdate span {
    color: var(--text-darkgray);
    font-weight: normal;
    font-family: var(--font-family-regular);
    font-size: var(--font-size-small);
}

.defectdetail_page .tab-content .chatMessage .chatBody .answerRight {
    width: auto;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.defectdetail_page .tab-content .chatMessage .chatBody .answerRight .chatBlock {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    max-width: max-content;
    width: 70%;
    position: relative;
}

.defectdetail_page .tab-content .chatMessage .chatBody .answerRight .chatBlock .text {
    padding: 15px 35px 15px 20px;
    text-align: left;
    background-color: var(--bg-green);
    border-radius: var(--border-radius);
}

.defectdetail_page .tab-content .chatMessage .chatBody .answerRight .chatBlock .text h4 {
    margin: 10px 0 0;
    line-height: 0;
    color: var(--text-white);
}

.defectdetail_page .tab-content .chatMessage .chatBody .answerRight .chatBlock .text b {
    color: var(--text-white);
    font-weight: normal;
    font-family: var(--font-family-regular);
    font-size: var(--font-size-small);
}

.defectdetail_page .tab-content .chatMessage .chatBody .answerRight .chatBlock .text p {
    color: var(--text-white);
    line-height: 17px;
    margin-bottom: 0;
    word-break: break-all;
}

.defectdetail_page .tab-content .chatMessage .chatBody .answerLeft .chatBlock .text p {
    color: var(--text-black);
    line-height: 17px;
    margin-bottom: 0;
    word-break: break-all;
}

.defectdetail_page .tab-content .chatMessage .chatBody .answerRight .chatBlock .postdate {
    padding-left: 15px;
    display: flex;
    justify-content: flex-end;
    line-height: 28px;
}

.defectdetail_page .tab-content .chatMessage .chatBody .answerRight .chatBlock .postdate span {
    color: var(--text-darkgray);
    font-weight: normal;
    font-family: var(--font-family-regular);
    font-size: var(--font-size-small);
}

.defectdetail_page .tab-content .chatMessage .chatBottom {
    position: relative;
    padding: 0;
    background: none;
    display: flex;
    place-items: center;
    width: 100%;
    bottom: 0;
    box-shadow: 0 0 13px 0 rgba(149, 149, 149, 25%);
    border-radius: var(--border-radius);
}

.defectdetail_page .tab-content .chatMessage .chatBottom form#reply-message-form, #page-right-section .main-section .maincontent .chatbox .chatBottom form#reply-message-form {
    width: 100%;
}

.defectdetail_page .tab-content .chatMessage .chatBottom form#reply-message-form .chatfileds, #page-right-section .main-section .maincontent .chatbox .chatBottom form#reply-message-form .chatfileds {
    display: flex;
    align-items: end;
    position: relative;
}

.defectdetail_page .tab-content .chatMessage .chatBottom form#reply-message-form .chatfileds textarea.messageInput, #page-right-section .main-section .maincontent .chatbox .chatBottom form#reply-message-form .chatfileds textarea.messageInput {
    width: 100%;
    box-sizing: border-box;
    color: var(--text-black);
    border-radius: var(--border-radius);
    border-color: var(--border-color);
    font-family: var(--font-family-regular);
    font-size: var(--font-size-medium);
    -webkit-appearance: none;
    cursor: text;
    border: none;
    padding: 26px 140px 0 12px;
    resize: none;
    min-height: 73px;
    overflow: auto;
    max-height: 300px;
}

.defectdetail_page .tab-content .chatMessage .chatBottom form#reply-message-form .chatfileds input.send, #page-right-section .main-section .maincontent .chatbox .chatBottom form#reply-message-form .chatfileds input.send {
    height: 73px;
    width: 60px;
    position: absolute;
    top: auto;
    right: 15px;
    background: none;
    border: none;
    outline: none;
    background-image: url(../images/upgrade-img/send-msg.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.defectdetail_page_designupdate .nit-list h3 {
    color: var(--text-dlp-secondary);
    font-family: var(--font-family-regular);
    font-size: 14px;
    line-height: normal;
}

#page-right-section .log_defect_box{
    max-height: 300px;
    overflow: auto;
    padding-right: 5px;
}

#page-right-section .log_defect_box ul{
    list-style: none;
    margin: 0;
    padding: 0 0 15px 0;
    border-top: 1px solid rgba(217, 217, 217, 1);
}

#page-right-section .log_defect_box ul li{
    border-bottom: 1px solid rgba(217, 217, 217, 1);
    padding:15px 0;
}

#page-right-section .log_defect_box ul li p{
    color: var(--text-dlp-secondary);
    font-size: 14px;
    font-family: var(--font-family-regular);
    line-height: normal;
    margin: 0;
}

.list_sty_50{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 5px;
}

.list_sty_50 li{
    width: 50%;
    float: left;
}

.s_txt_blue{
    color: var(--text-link-secondry);
    font-size: 15px;
    font-family: var(--font-family-SemiBold);
    line-height: normal;
    font-style: normal !important;
}
#page-right-section .tab-content .filterSection.w-175-filter .form-group .select{
    width: 175px;
}
#page-right-section .tab-content .filterSection .w-200-filter .select{
    width: 200px  !important;
}
#page-right-section .tab-content .filterSection.w-175-filter .form-group .date{
    width: 175px;
}
#page-right-section .tab-content .filterSection.w-175-filter .input_select_fileterBox .form-group input{
    width: 175px;
}
#page-right-section .tab-content .vehicle_filter #vehicleText, #page-right-section .tab-content .occupantfilter #occupantText, #page-right-section .tab-content .assetsfilter #assetText, #page-right-section .tab-content .unituserlistfilter #noofdayexpired{
    width: 250px  !important;
}
#page-right-section .tab-content .vehicle_filter #vehicleText, #page-right-section .tab-content .occupantfilter #occupantText, #page-right-section .tab-content .assetsfilter #assetText, #page-right-section .tab-content .unituserlistfilter #noofdayexpired{
    width: 250px  !important;
}

#page-right-section .tab-content .vehicle_filter #vehicleText, #page-right-section .tab-content .occupantfilter #occupantText, #page-right-section .tab-content .assetsfilter #assetText{
    width: 250px  !important;
}

.dashborad_info_total.row{
    margin-top: 15px;
}

.bottom-strip.btnadd .button-fill-primary-large {
    margin-left: 0.5rem !important;
}

/* .dlp-project .inboxinner .directory-sec .tableContent table thead th:last-child{
    width: 100px;
} */

.dlp-project .inboxinner .directory-sec .tableContent table tbody td:last-child a.btn.btn-custom{
    padding: 0;
    margin-right: 20px;
    position: relative;
}

.dlp-project .inboxinner .directory-sec .tableContent table tbody td:last-child a.btn.btn-custom::before{
    background-color: var(--border-color);
    height: 15px;
    display: block !important;
    top: 5px;
    width: 1px !important;
    content: '';
    right: -60%;
    position: absolute;
    transform: translate(-60%, 0%);
}

/* .defect_cat_tbl_cust .tableContent table thead th:last-child{
    width: 100px;
} */

.defect_cat_tbl_cust .tableContent table tbody td:last-child a.btn.btn-custom{
    padding: 0;
    margin-right: 20px;
    position: relative;
}

.defect_cat_tbl_cust .tableContent table tbody td:last-child a.btn.btn-custom::before{
    background-color: var(--border-color);
    height: 15px;
    display: block !important;
    top: 5px;
    width: 1px !important;
    content: '';
    right: -60%;
    position: absolute;
    transform: translate(-60%, 0%);
}

#userProfileModal .modal-body .inspection-detail-section{
    min-height: 77px;
    max-height: 450px;
    overflow-y: auto;
    padding-right: 19px;
}

#userProfileModal .modal-body .inspection-detail-section.data_setup_userModal{
    min-height: auto;
    max-height: none;
    overflow-y: unset;
}

#inspectionModel .modal-body .inspection-detail-section{
    min-height: 77px;
    max-height: 450px;
    overflow-y: auto;
    padding-right: 15px;
}

.resync_meet_icon i{
    color: var(--text-green);
}

/*******************Gudilines Poup**********************/
.guideline_facical_popup{
    list-style: inside;
}

.guideline_facical_popup li{
    line-height: 20px;
    font-size: var(--font-size-small);
    margin-bottom: 8px;
    color: var(--text-black);
}
/********************Gudilines Poup end*********************/
.mngapprochtext {
    display:block;
    width: 100%;
    padding-left: 42px;
}

#frGuideLine.modal .guide_line_title_text{
    font-size: var(--font-size-medium-large);
}

#page-right-section .g-feedback-tabs .tab-content .feedbackmessage .chatMessage{
    padding-bottom: 0;
    height: 68vh;
}

#page-right-section .g-feedback-tabs .tab-content .requestmessages .chatMessage{
    height: 77vh;
    padding-bottom: 0;
}
#dynamicmodel-recaptcha-recaptcha-directory-form-section.g-recaptcha{
    margin-bottom: 12px;
}

.keycoll-booking-confirm-modal{
    margin-bottom: 0;
}

.keycoll-booking-confirm-modal:first-child .content{
    display: inline-block;
    margin-bottom: 12px;
}

.keycoll-booking-confirm-modal:last-child .content{
    display: block;
}

#meetMeLicenceTermsAndCondition.modal .modal-body ul{
    list-style: none;
}

#meetMeLicenceTermsAndCondition.modal .modal-body p , #meetMeLicenceTermsAndCondition.modal .modal-body ul{
    list-style: 20px;
}

.tableContent table td a.amenitycollectdeposit {
    color: var(--text-favourite);
}

.tableContent table td a.amenitycollectbooking {
    color: var(--text-favourite);
}

.bg-transparent{
    background: transparent;
}

#page-right-section .tab-content .filterSection .form-group.appr-bookingApprovalFilter{
    margin-right: 0.5rem;
}

.formio-dialog .formio-dialog-content .form-group input{
    padding: 0.3rem 0.75rem 0.3rem;
}

.formio-component-email.form-group input[type="email"]{
    padding: 0.3rem 0.75rem 0.3rem;
}

#page-right-section .main-section .maincontent .rightSecton .no_of_attendeesBox .field.field-count-val-margin .count{
    margin-bottom: 33px;
}

.tran-rotate-180{
    transform: rotate(180deg);
    transition: all 0.3s ease;
}

.tableContent table.grid-view-table.empty_table_data  tbody{
    display: block;
    margin: 0;
}

.tableContent table.grid-view-table.empty_table_data  tbody , .tableContent table.grid-view-table.empty_table_data tbody tr{
    width: 100%;
}

.tableContent table.grid-view-table.empty_table_data tbody tr{
    all: unset;
    border: none;
    margin: 0;
}

.tableContent table.grid-view-table.empty_table_data tbody tr td{
    all: unset;
}

.tableContent table.grid-view-table.empty_table_data tbody tr td .empty{
    padding: 20px 10px;
}

.selection{
    position: relative;
}

.select2-search__field::after{
    content: '*';
    position: absolute;
    top: 3px;
    left: 46px;
    color: #f00
  }

.key_coll_vpin input{
    padding: 0.3rem 0.75rem 0.3rem;
}

.no_data_meassage{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nebhiourhood_infoicon{
    position: relative;
    left: 315px;
    top: 64px;

}

.nebhiourhood_infoicon1{
    position: absolute;
    left: 110px;
    top: 3px;
}

button.close.directory_pop_close{
    color: var(--text-black);
}

/* .audit_date_def_text{
    position: absolute;
    left: 0;
    top: -15px;
    font-size: var(--font-size-xx-small);
    font-family: var(--font-family-SemiBold);
    margin-bottom: 0;
} */

/****************Reports Date Input css******************/
#page-right-section .tab-content .filterSection .audit_trail_date_box{
    display: flex;
    align-items: center;
    border: 1px solid var(--border-color);
    width: 325px;
    padding: 0.375rem 0.75rem;
    border-radius: var(--border-radius);
    height: 40px;
    position: relative;
}

#page-right-section .tab-content .filterSection .audit_trail_date_box .form-group.date-span .date .input-group-append{
    margin-left: 0;
}

#page-right-section .tab-content .filterSection .audit_trail_date_box .form-group.date-span .date{
    width: 135px;
    height: 100%;
}

#page-right-section .tab-content .filterSection .audit_trail_date_box .form-group.end_date_form{
    margin-left: 10px;
}

#page-right-section .tab-content .filterSection .audit_trail_date_box .form-group.date-span .date input{
    border: none;
    font-size: var(--font-size-small);
    margin-bottom: 0 !important;
    padding: 0;
}

#page-right-section .tab-content .filterSection .audit_trail_date_box .date_tooltip{
    position: absolute;
    top: 0px;
    right: 12px;
    display: inline-block;
    cursor: pointer;
}

#page-right-section .tab-content .filterSection .audit_trail_date_box .date_tooltip .tooltip_text{
    visibility: hidden;
    width: 185px;
    background-color: var(--bg-default);
    color: var(--text-black);
    text-align: center;
    border-radius: 6px;
    padding: 10px 2px;
    position: absolute;
    z-index: 1;
    top: 98%;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    font-size: var(--font-size-md-small);
    line-height: normal;
    box-shadow: 1px 3px 4px var(--bg-lightgray);
    font-family: var(--font-family-SemiBold);
  }

  #page-right-section .tab-content .filterSection .audit_trail_date_box .date_tooltip .tooltip_text::after {
    content: "";
    position: absolute;
    bottom: 100%;
    border-top: 10px solid #fff;
    border-left: 10px transparent;
    border-right: 10px solid transparent;
    transform: rotate(45deg);
    top: -5px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    box-shadow: -1px -1px 2px -1px var(--bg-darkgray);
  }

  #page-right-section .tab-content .filterSection .audit_trail_date_box .date_tooltip:hover .tooltip_text {
    visibility: visible;
  }
/****************Reports Date Input css******************/

/***********************VisitorPass InnerHeader Design**************************/

#page-right-section .main-section .innerHeader.visitor_pass_innerheader {
    flex-direction: column;
    padding-bottom: 10px;
}

#page-right-section .main-section .innerHeader.visitor_pass_innerheader .multiple_visitor_header{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#page-right-section .main-section .innerHeader.visitor_pass_innerheader .visitor_multi_incr_decr{
    line-height: normal;
    width: 7%;
}

#page-right-section .main-section .innerHeader.visitor_pass_innerheader .visitor_multi_incr_decr .count {
    display: flex;
}

#page-right-section .main-section .innerHeader.visitor_pass_innerheader .visitor_multi_incr_decr button{
    border: none;
    outline: none;
    line-height: normal;
    background: var(--bg-default);
    width: 100%;
    padding: 0 4px;
}

#page-right-section .main-section .innerHeader.visitor_pass_innerheader .visitor_multi_incr_decr input{
    border: none;
    outline: none;
    box-shadow: none;
    box-shadow: none;
    text-align: center;
    font-family: var(--font-family-SemiBold);
    width: 100%;
}

#page-right-section .g-feedback-tabs .tabNavbar #visitortab.nav-tabs .nav-item a , #page-right-section .g-feedback-tabs .tabNavbar.packagefilter .nav-tabs .nav-item a , #page-right-section .g-feedback-tabs .tabNavbar.tabNavbar_spacing .nav-tabs .nav-item a, .inner_box_tabs .tabHeader .nav-tabs .nav-item a{
    margin: 0 26px 0 0;
}

#page-right-section .g-feedback-tabs .tabNavbar #visitortab.nav-tabs .nav-item:last-child a ,#page-right-section .g-feedback-tabs .tabNavbar.packagefilter .nav-tabs .nav-item:last-child a , #page-right-section .g-feedback-tabs .tabNavbar.tabNavbar_spacing .nav-tabs .nav-item:last-child a{
    padding-left: 0;
}

/***********************VisitorPass InnerHeader Design**************************/

#poll-detail-view .detail-poll-view .main-section{
    padding: 0;
}

.form-group.common_readonly_disabled .select , .common_select2_custombox .form-group.common_readonly_disabled .select2-container--default .select2-selection--multiple {
    background: rgba(175,175,175,0.2);
    cursor: not-allowed;
}

.select2-container--default .select2-results>.select2-results__options{
    max-height: 465px;
}

.form-group.common_ul_options_max_length .select .options{
    max-height: 445px;
}

.form-group.survey_customdrop_length .select .options{
    max-height: 235px;
}

#page-right-section .main-content .main-section .profile-gender .gender-options .form-group.common_gender_option_group span label{
    top: 0;
    line-height: normal;
}

.form-group.common_gender_option_group input[type=radio]:not(:checked)+label:before , .form-group.common_gender_option_group input[type=radio]:checked+label:before{
    top: 9px;
}

.form-group.common_gender_option_group input[type=radio]:checked+label:after, .form-group.common_gender_option_group input[type=radio]:not(:checked)+label:after{
    top: 13px;
}

/****************************Visitor Pass Add Calender Design*******************************/
.ui-datepicker table{
    font-size: 1rem;
}

.ui-widget{
    font-family: var(--font-family-regular);
}

.ui-datepicker{
    width: auto;
}

.ui-widget-header{
    border: none;
    background: var(--bg-default);
}

.ui-datepicker th {
    width: 2.5rem;
    height: 2.5rem;
}

.ui-state-default, .ui-widget-content .ui-state-default{
    color: var(--text-black);
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active,
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{
    border: none;
}

.ui-state-default, .ui-widget-content .ui-state-default{
    background: var(--bg-default);
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight , .ui-state-default.ui-state-active, .ui-state-default.ui-state-hover{
    color: var(--text-white);
    background: var(--bg-darkgray);
    border-color: var(--bg-green);
}
.ui-state-default.ui-state-active{
    background: var(--bg-green);
}
.ui-datepicker .ui-datepicker-prev {
    left: 0;
    top: 0;
}

.ui-datepicker .ui-datepicker-next{
    right: 0;
    top: 0;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
    display: none !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight:hover,.ui-state-default:hover, .ui-widget-content .ui-state-default:hover{
    color: var(--text-black);
    background-color: var(--bg-lightgray);
}

.ui-widget-header .ui-icon{
    background-image: none;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
    width: 2.5rem;
    height: 2.5rem;
}

.ui-datepicker .ui-datepicker-prev[title], .ui-datepicker .ui-datepicker-next[title]{
    visibility: hidden;
}

.ui-datepicker-prev::after , .ui-datepicker-next::after{
    content: '«';
    position: absolute;
    width: 5px;
    height: 5px;
    left: 15px;
    top: 2px;
    font-family: var(--font-family-regular);
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover{
    font-weight: unset;
    background: #eeeeee;
}

.ui-datepicker .ui-datepicker-title{
    line-height: 38px;
}

.ui-datepicker-next::after{
    content: '»';
}

.ui-datepicker td span, .ui-datepicker td a{
    text-align: center;
    padding: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.25rem;
}
.form-group.unit-councilmembers-filter .styledSelect{
    background-position: right 15px top 17px !important;
    padding: 9px 24px 12px 10px !important;
}
/****************************Visitor Pass Add Calender Design*******************************/

.email-icon{
    position: absolute;
    right: 12px;
    top: 5px;
    display: inline-block;
}

.button-fill-primary-large.mark_inactive {
    min-width: max-content;
}

#page-right-section .tab-content .filterSection.input_select_fileterBox .form-group.common_label_multiline label{
    width: calc(100% - 35px);         
    text-wrap: nowrap;         
    text-overflow: ellipsis;         
    overflow: hidden;
    height: auto;
}

.login-page.reset-password-page #reset-password-section .forgot-form{ 
    padding: 85px 30px;
}

.login-page.reset-password-page #reset-password-section .forgot-form ul li, ul.password_hint_datasetup li{
 line-height: 22px;
}

.staff-book_label .select2-container .select2-search--inline .select2-search__field{
    /* width: 100% !important; */
}

.staff-book_label .select2-container .select2-selection--multiple .select2-selection__rendered{
    display: block;
    padding: 0px 5px;
    margin-top: 2px;
}

.staff-book_label .select2-container--default .select2-selection--multiple{
    min-height: 45px;
}

.cust_radip_fix label.control-label{
    top: -5px !important;
}

.h-rect-act{
    max-height:992px;
    overflow: auto;
}

.h-building-defect{
    max-height:500px;
    overflow: auto;
    padding-right: 15px;
}

.h-top-area{
    max-height:350px;
    overflow: auto;
    padding-right: 15px; 
}

.modelApprovaldetailHeader.h-building-defect span p{
    line-height: normal;
}

.h-pend-ref{
    max-height: 365px;
    overflow: auto;
}

#defect-instruction .defect_mdl .modal-header{
    display: flex;
    justify-content: space-between;
    border-bottom: none;
    place-items: center;
    padding-bottom: 15px;
    flex-direction: row-reverse;
}

#defect-instruction .defect_mdl .modal-body{
    padding-top: 0px;
}

#defect-instruction .defect_mdl .modal-body .directory-sec iframe{
    height: 45vh;
}

.defectdetail_page_designupdate .attachmentaddpreview .imguploadepreview .divimg.tab-active{
    margin: 0 !important;
}

.google-visualization-tooltip {
    border:none !important;
    background-color: #70d876 !important;
    padding: 0;
    margin: 0;
  }

  .google-visualization-tooltip-item {
    margin: 0 !important;
    padding:0 10px !important;
}

.google-visualization-tooltip-item  span{
    color: var(--text-white) !important;
    font-family: var(--font-family-regular) !important;
    line-height: normal !important;
}

.google-visualization-tooltip-item-list{
    margin: 0 !important;
}

.loc_defet_menu .modal-body{
    max-height: 80vh;
    overflow: auto;
    margin-bottom: 30px;
}

#defect-photos .subtab-content{
    display: flex;
    flex-wrap: wrap;
}

#defect-photos .floor-fig{
    float: left;
    width: 14%;
    padding: 10px;    
}

#defect-photos .floor-fig img{
    width: 100%;
    height: 100px;
    object-fit: cover;
}


#defect-photos .subtab-content{
    display: flex;
    flex-wrap: wrap;
}

#defect-photos .floor-fig{
    float: left;
    width: 14%;
    padding: 10px;    
}

#defect-photos .floor-fig img{
    width: 100%;
    height: 100px;
    object-fit: cover;
}

.mg-t-20-cust{
    margin-top: 17px;
}

.bottom-strip.btnadd.btn_box-m-0 .button-fill-primary-large{
    margin: 0 !important;
}

.mg-t-20-cust .sub_title_cust{
    margin-left: 36px !important;
}

#page-right-section .main-section .maincontent .visit_upload_source_imgBox.cust_radio_error .gender-options .form-group p.help-block-error{
    position: unset !important;
    margin-bottom: 5px;
}

#page-right-section .main-section .maincontent .visit_upload_source_imgBox.cust_radio_error .gender-options .form-group{
    height: auto;
    line-height: 20px;
}

#page-right-section .main-content .main-section .visit_upload_source_imgBox.cust_radio_error .profile-gender .gender-options .form-group span label{
    top: -10px;
}

#page-right-section .main-section .maincontent .visit_upload_source_imgBox.cust_radio_error .gender-options{
    height: auto;
}
#page-right-section .main-section .maincontent .postDetails.amenityCardBox .service_req_det_accord .card .card-body .booking_depositBox, .booking_depositBox
#page-right-section .main-section .maincontent .visit_upload_source_imgBox.cust_radio_error{
    margin-bottom: 10px;
}

.ne-nutrition-distribution {
    position: relative;
    padding-bottom: 80%;
    height: 0;
    overflow:hidden;
}

.ne-nutrition-distribution__chart {
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
}

.m-h-cut{
    min-height: auto;
}

.doc-list{        
    border-bottom: 1px solid #ccc!important;
    border-left: 1px solid #ccc!important;
    border-right: 1px solid #ccc!important;
    margin: 0px;
}
.doc-rows{
    border-bottom: 1px solid #ccc!important;
}
.doc-rows-padding{
    padding: 10px;
    margin:0px;
}
.doc-rows-left-border{
    border-left: 1px solid #ccc!important;
}
.doc-title{
    font-weight: bold;
    padding: 10px 0px 0px 20px;
}
.about-us-tab{
    width: 100%; 
    height: 800px; 
    border: none;
}
.text-center{
    text-align:center;
}
.amenityaddslotdata ul li {
    border-bottom: solid 1px;
}.booking_payment{
    cursor: pointer;margin: 0 auto;
}.deposit_payment{
    text-align: center; padding-top:10px;
}.payment_qr{
    text-align: left;padding: 0 20px;
}.line-height-43{
    line-height: 43px;
}


    



.bgofbodydiv{
    display: none; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    width: 100%; 
    height: 100%; 
    z-index: 9999; 
    opacity: 0.1; 
    background: url(../images/upgrade-img/back.svg) no-repeat center no-repeat #000;
}

.tncIframe {
    width: 100%; 
    height: 500px; 
    background-color: #FFFFFF;
}

.display_block{
    display: block;
}
.display_block_nimp{
    display: block ;
}
.display_none{
    display: none !important;
}
.documentalert{
    margin-top:20px;
}
.eagm-style{
    margin-bottom: 10px;
}
.ifrmTnc{
    width: 100%; 
    height: 500px; 
    background-color: #FFFFFF;
}
.chnCondoClr{
    background-color: #999;
}
.complexPwd {
    font-size:12px;
    text-align:left;
    display:none;
}
.cmxPsww{
    font-size:12px;
    text-align:left;
}
.resetPwd {
    display:block !important;
}
.userInstr{
    text-align: center;
}
.dirTbl {
    justify-content: right;
}
.about-us-tab{
    width: 100%; 
    height: 800px; 
    border: none;
}
.profile_submit{
    background: none;
}
.unit_name_search{
    width:15%;
}
#recordcount{
        float: right;
}
.background-none{
    background: none;

}
.min-width-100{
    min-width:100px;
}
.max-width-200{
    max-width: 200px;
}
.display_none_nimp{

    display: none !important    
}
.displayinline{
    display: inline !important;
}
.width_80{
    width:80%;
}
.discription_block_concierge{
    font-size:13px;
    color:#a94442;
}
.margin_right{
    margin-right: 0px;
}
.color_FF0000{
    color:#FF0000 !important;
}
.color_70BB6E{
    color:#70bb6e !important;
}
.color_18a047{
    color:#18a047;
}
.color_FF7F50{
    color:#FF7F50;
}
.color_dcb80a{
    color:#dcb80a;
}
.color_cc0000{
    color:#cc0000;
}

.color_f9c02e{
    color:#f9c02e !important;
}
.z_index_1050{
    z-index: 1050;
}

.z_index_1051{
    z-index: 1051;
}
.z_index_1{
    z-index: 1;
}

.z_index_2{
    z-index: 2;
}

.pointer_event{
    pointer-events: none;
}
.pointer_event_auto{
    pointer-events: auto;
}
.processing_block{
    position: absolute;
    top: 58%;
    left: 0;
    right: 0;
    margin: auto;
    color: #FFF;
    text-align: center;
    font-size: 20px;
}
.vertical_align_top{
    vertical-align: top;
}
.margin_top_10{
    margin-top:10px;
}
.width_100{
    width:100%;
}
.loading_background{
    position: fixed; 
    left: 0px;
     top: 0px; 
     width: 100%; 
     height: 100%; z-index: 9999; opacity:0.1; background: url("/images/loading.gif") center no-repeat #000;
    left: 0px;
     top: 0px; 
     width: 100%; 
     height: 100%; z-index: 9999; opacity:0.1; background: url("/images/loading.gif") center no-repeat #000;
}

.height_width_50 {
    width: 50px;
    height: 50px;
}

.cssstyle_msg{
    height:auto;
     padding:0;
}
.resident_pop{
    max-height:60px; overflow-y: hidden;
}

.marginleft{
    margin-left: 104px;
}
.margintop{
    margin-top: 4%;
}

.margintop0px{
    margin-top: 0px;
}
.approval_wall_detail{
    height:210px; 
    width: 689px;
    border-radius:5px;
}
.marging_left_2{
    margin-left: 2%;
}
.approval_face_photo{
    width:153px; height:153px; border-radius: 6px; object-fit: cover;
}
.margin_top_right{
    margin-top: 10px; margin-left: 5px;
}
.margin_top_display_none{
    margin-top: 10px; display: none;
}
.textalign_fontsize
{
    text-align:center;font-size:25px;padding:10px;
}
.height_width_200{
    width: 200px;
    height: 200px;
    display:none;
}
.height_width_253{
    width:154px;
    height:253px;
}
.marginbottom{
    display:none !important;
    margin-bottom:30px;
}
.height_width_automargin{
    width: 200px;
    height: 200px;
    margin:auto;
}
.textalign_fontsize_25
{
    font-size:25px;text-align:center;
}
.hight_width_100{
    margin:auto;width:100px;height:100px
}
.viewimgstyle{
    width:171px;
    height:291px;
    bottom:29px;
    position:relative;
    right:10px;
}
.for-addimage{
    text-align: center;margin: 0 auto;width: 300px;
}
.margin_20{
    text-align:center;margin-bottom:20px;margin-top:20px;
}
.height-width-100{
	height:100%;
	width:100%;
}
.float_right{
    float: right;
}
.paddingleft{
    padding-left: 32px;
}
.fonstyle_fontsize{
    font-size: 12px;
    font-style:italic;
    display: none;
}
.floatleft{
    float: left;
}
.marginleft-115{
    margin-left: 115px;
}
.width100_displaynone{
    width:100px;
    display:none;
}
.positionrelative_displaynone{
    position: relative; display:none;
}
.margintop-bottom-aligncenter{
    margin-bottom: 10px; margin-top: 10px; text-align: center;
}
.form_position_rel{
    position: relative;
}
.margintop_11{
    margin-top: -11px;
    margin-left:115px;
}
.height-auto-padding{
    height:auto; padding: 7px;
}
.color_ef8d36{
    color: #ef8d36 ;
}
.color_48c557{
    color: #48c557 ;
}
.width_226{
    width: 226px !important;
}
.cursor_unset{
    cursor: unset;
}
.cursor_default{
    cursor: default;
}
.cursor_pointer{
    cursor: pointer;
}
.floatright-width100{
    float: right;width: 100%;
}
.width_100px{
    width:100px;
}
.width_15px{
    width: 15px;
}
.padding_10{
    padding:10px;
}
.z-index_9999{
    z-index: 99999999999999;
}
.padding_top_10{
    padding-top: 10px;
}
.padding_left_20{
    padding-left:20px
}
.bordernone{
    border:none;
}
.width_5{
    width:5%;
}
.clear_padding
{
    clear: none !important;padding-left: 0px;
}
.clear_padding2
{
    clear: none !important;padding-left: 10px;
}
.font1em{
    font-size: 1.5em;cursor: pointer;
}
.arialfontsize15{

    font-family:Arial; font-size: 15px;
}
.text_dark_bold:hover{
    color: var(--text-black);
}
.colorblack{
    color: black
}

.onlineformmodel_description label, .onlineformmodel_description p {
    font-size: var(--font-size-medium);
}
.fonstyle_fontsize12{
    font-size: 12px;
    font-style:italic;
}
.wordbreak_width100{
    width: 100px;
    word-break: break-all;
}
.status-Cancelled{
    color: #FF0000;
}
.status-Pending{
    color: #FF7F50;
}
.status-approved{
    color: #18a047;
}
.status-rejected{
    color: #FF0000;
}
.status-deleted{
    color: #FF0000;
}
.status-Successful{
    color: #18a047;
}
.status-1{
    color: #18a047;
}
.status-2{
    color: #ff0a0a;
}
.height_width_20{
    width: 20px;
    height: 20px;
}
.height_42{
    height: 42px;
}
.pending_unset{
    padding: unset;
}
.height_40{
    height:40px;
}
.padding_top_20{
    padding-top:20px;
}
.font-size-20{
    font-size:20px;
}
.width_70{
    width:70px;
}
.width_60{
    width:60px;
}
.display_inline_block{
    display: inline-block;
}
.width_break_word__alignleft{
    width: 100%;word-break: break-word;text-align: left;
}
.border_0_collapse{
    border: 0px; border-collapse: collapse;
}
.border_0_line_height{
    border: 0px;color: #7f7f7f;line-height: 1.3;
}

.border-0{
    border: 0px;
}

.text_dark_bold{
    color: var(--text-black);
    font-family: var(--font-family-SemiBold);
}
.text_dark_bold:hover{
    color: var(--text-black);
}
#page-right-section .tab-content .searchbar input.w-235-filter{
    width: 235px !important;
}
#page-right-section .tab-content .searchbar input.w-265-filter{
    width: 265px !important;
}
#page-right-section .tab-content .searchbar input.w-300-filter{
    width: 300px !important;
}
.w-267-filter{
    width: 267px !important;
}
#page-right-section .tab-content .searchbar input.w-320-filter{
    width: 320px !important;
}
#page-right-section .tab-content .searchbar input.w-335-filter{
    width: 335px !important;
}
#page-right-section .tab-content .searchbar input.w-380-filter{
    width: 380px !important;
}
#page-right-section .tab-content .searchbar input.w-400-filter{
    width: 400px !important;
}
#page-right-section .tab-content .searchbar input.w-450-filter{
    width: 450px !important;
}

#discountbookingfeeinputboxes .bookingfeediscountdivs .booking_depositBox .form-group input{
    padding-top: 1.4rem;
}

#page-right-section .tab-content .searchbar input.w-235-filter{
    width: 235px !important;
}
.userSurveyForm.maintenanceformdiv .transition-list{
    border: 1px solid var(--second-border-color);;
    border-radius: 6px 6px 0 0;
    border-bottom: none;
    margin-bottom: 0;
    padding: 0 20px;
}
#customError.modal.import-modal-opacity{
    background-color:rgba(0,0,0,0.4);
}

.visitorpassimg{
    height: 100px !important;
}
.border-solid{
    border-bottom: solid 1px;
}
.marginbottom20{
    margin-bottom:20px;
}
.tabright{
    border-bottom: 0 !important;
}
.reportlogo{
    width:550px;
    height:75px;
}.defect-report-name{
    font-weight:bold;font-size: 26px;
}.font-weight-bold{
    font-weight:bold;
}.font-weight-bold-black{
    font-weight:bold;color:black;
}
.width_35{
    width: 35%;
}
.width_65{
    width: 65%;
}.font-bold-size-30{
    font-weight: bolder;font-size:30px;
}.font-weight-bloder{
    font-weight: bolder;font-size:30px;
}
.payment-img-width{
    width: 20px;
}.redcolor{
    color:red;
}.color_red{
    color:red;
}
.payment-width{
    width: 34px;
}.color-orange{
    color: orange;
}.liststylenone{
    list-style-type:none
}.eagm-mr-auto {
    margin-right: auto
}.eagm-ml-auto {
    margin-left: auto
}.center
{
  text-align: center;
}.leftArrDt {
    color: white;
}
.padding_left_0{
 padding-left:0px !important;
}
.background_white{
    background: white;
}
.font-size-18{
    font-size:18px;
}
.font_italic{
    font-style:italic;
}
.opacity05{
    opacity: 0.5;
}
.color_green{
    color: green !important;
}
.margin-top15{
    margin-top: 15px;
}

/* New changes after apply inline css */

.text_align{
    text-align: center;
}
.text_align_nimp{
    text-align: center !important;
}
.width_15
{
    width:15%;
}
.float_none{
    float: none !important;
}
.margin_left
{
    margin-left: 15px;
}
.margin_top{
    margin-top: 4%;
}
.margin_top_20{
    margin-top:20px;
}
.margin_bottom{
    margin-bottom: 10px;
}
.margin_bottom_20{
    margin-bottom: 20px;
}
.vertical_top{
    vertical-align:top;
}
.float_left{
    float:left;
}
.align_center{
    align:center;
}
.online_padding{
    padding:0px 31px 12px !important;
}
.tab-active-iframe{
    width: 100%; height: 800px; background-color: #FFFFFF;
}
.margin_right_5{
    margin-right: 5px;
}
.margin_right_top{
    margin-right: 20px; margin-top: 10px
}
.margin_right_10{
    margin-right: 10px
}
.display_flex{
    display:flex; justify-content: flex-end;
}
.padding_form{
    padding: 5px 10px;
}
.form_display{
    display:flex; justify-content: flex-end;
}
.form_font{
    font-size:1.3em;
}
.form_width_height{
    width: 100%;height: 100%;
}
.form_table_layout{
    table-layout: fixed;
}
.form_min_height{
    min-height: 300px; height: calc(100vh - 600px);
}
.form_position{
    position:absolute;right:10px;top:10px;cursor:pointer;
}
.form_opacity{
    opacity: 0; position: absolute;
}
.form_display_in{
    display: inherit;
}
.form_cursor{
    cursor: pointer;
}
.form_border_bott{
    border-bottom:0;
}
.form_margin_left{
    margin-left: 0px;
}
.form_margin_bot{
     margin-bottom: 5px;
}
.form_margin_bot1{
     margin-bottom: 0.5em;
}
.form_margin{
    margin: 0px 0px 5px;
}
.form_padding{
    padding: 0;
}
.form_border_radi{
    border-radius: 0;
}
.form_top{
    top: 45px;
}

.ace_inner {
    width: 100%;
    min-width: 0px;
    height: 200px;
    display: block;
}


.ace_outer {
    position: absolute;
    left: -10000px;
    overflow: hidden;
    width: 200px;
    min-width: 0px;
    height: 150px;
    display: block;
}
.tab-pane-active {
    display: block;
}
.tab-pane-inactive {
    display: none;
}
.formio-tab-panel-active {
    display: block;
}

.formio-tab-panel-inactive {
    display: none;
}

/* .clearfix {
margin-left: 0%; 
margin-bottom:20px;
} */

.clear{
margin-left: 2%
}

/* .hidden {
    display: none !important;
} */

.fsize{
    font-size: 46px;
}

.stripe-setup-link {
    color: #FFF; 
    font-size: 31px;
    text-decoration: none; 
}

.margin_right_2{
    margin-right: 2%;
}

.divstyle{
    padding: 0 50px;
    width: 100%;
}

.bookingSlot:hover{
    background: #13b9ce;
    color: #fff !important;
}

.border-nf{
    bottom: 0;
    top:auto;
    padding: 0px 50px 0px 50px;
}

.notificationtitle{
    font-size: 15px;
    font-weight:bold;
}

.spanstyle{
    color:#ffff;
}

.txt_align_bg_pa25{
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 200px;
    padding: 25px;
    background-color: #02254d;
}

#page-right-section{
    margin-top: 0px;
}

.displaynone{
    display:none;
}

.bookingSlot {
    width: 40%;
}

.viewmore{
    margin-top: 15px;
    display: none;
}

.btnstyle{
    color:#7f7f7f !important;
}

.floatright{
    float:right;
}

.tabdata{
    overflow:visible;
}
.displayblock{
    display: block;
}

.minmaxwidth{
    min-width: 216px;
    max-width: 273px;
}

.marginleft0px{
    margin-left:0px;
}

.overflowx{
    overflow-x: scroll;
}

.blockimportant{
    display: block !important;
}

.paddingleft40{
    padding-left: 40px;
}
.padding-left-40{
    padding-left: 40px !important;
}

.bottomborder{
    border-bottom: 1px solid #e5e5e5;
}

.notecolor{
    color: #a94442;
}

.displayinline{
    display: inline !important;
}

.imgstyle{
    width: 91px;
    float: left;
    display: table-cell;
    height: 64px;
}

.floatright_width50{
    width: 50%; float: right;
}

.spandate{
    min-width: 0px !important; 
    margin-top: 10px;
}

.transaction{
    height: calc(100vh - 250px);
}

.heightwidth{
    width:100px; 
    height:100px
}

.bge{
    background : #eeeeee;
}

.widthfloat{
    width:100px;
    float: left;
}

.addMore:hover {
    border: 1px solid #888;
    background-color: #ddd;
}

.width_100px{
    width:100px;
}

.textaligncenter{
    text-align:center;
}

.fontsize25{
    font-size:25px;
}

.padding10px{
    padding:10px;
}

.width200px{
    width:200px;
}

.height200px{
    height:200px;
}

.height100px{
    height:100px;
}

.width_90{
width: 90%;
}

.borderbottom0{
    border-bottom:0px;
}

.colorfff{
    color:#fff;
}

.marginbottom10{
    margin-bottom : 10px;
}

.margintop10{
    margin-top : 10px;
}

.viewimgstyle{
    width:171px;
    height:291px;
    bottom:29px;
    position:relative;
    right:10px;
}

.marginbottom30{
    margin-bottom:30px;
}

.marginauto{
    margin:auto;
}

.marginbottom20{
    margin-bottom:20px;
}

.margintop20{
    margin-top:20px;
}

.width_48{
    width:48% !important;
}

/* .width100%{
width:100%;
} */

.stripcolor{
    padding-left: 0px !important;color: #727272;
}

.bg717{
    background:#727272;
}

.bgef2{
    background:#ef231a;
}

.bg148{
    background: #14B050;
}

.bg003{
    background:#003F87;
}

.paddingbottom200{
    padding-bottom: 200px;
}

.fontsize_1-5em{
font-size: 1.5em;
}

.bordercolor{
    border-color: #000;
}

.bordersolid1px{
    border: solid 1px;
}

.bgfff{
    color: #fff;
}

.userselect{
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

.marginright{
    margin-right: 5px;
}

.marginleft{
    margin-left: 5px;
}

:root {
    --progress-width: 0%;
}

.progress-bar-width { width: var(--progress-width) !important;}

.minheight40px{
    min-height:40px !important;
}

.overflowauto{
    overflow: auto;
}

.resizenone{
    resize: none;
}

.heightauto{
    height:auto !important; 
}

.minheight80px{
    min-height:80px !important;
}

.floatleft{
    float: left;
}
.floatleftnimp{
    float: left !important;
}

.displayinline{
    display: inline;
}

.width580px{
    width: 580px;
}

.colora94{
    color:#a94442;
}

.italic12px{
    font-style:italic;
    font-size:12px;
}

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

.custom-span-block{
    margin-left: 15%;
    display:block !important;
}


/* new latest changes */

.overflow_height_resize {
    overflow: auto; height:auto !important; resize: none; min-height:80px !important
}

.font_size_31px{
    color: #FFF;font-size: 31px;
}

.loading_bg_blank{
    display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; opacity: 0.1; 
    background: url("/images/loading.gif") center no-repeat #000;
}



.float_left_580px{
    float: left;width: 580px;
}

.hidden_with_transition_1000ms {
    opacity: 0;
    transition: opacity 1s ease;
}



.background_B8B9BC{
    background:#B8B9BC;
}

.font_style_italic_12px{
    font-style:italic;font-size:12px;display:none !important;
}

/* .progress-bar-0 { width: 0% !important; }
.progress-bar-10 { width: 10% !important; }
.progress-bar-20 { width: 20% !important; }
.progress-bar-30 { width: 30% !important; }
.progress-bar-40 { width: 40% !important; }
.progress-bar-50 { width: 50% !important; }
.progress-bar-60 { width: 60% !important; }
.progress-bar-70 { width: 70% !important; }
.progress-bar-80 { width: 80% !important; }
.progress-bar-90 { width: 90% !important; }
.progress-bar-100 { width: 100% !important; } */

.default_cursor {
    cursor: default;
}

.pointer_cursor {
    cursor: pointer;
}

.font_size_14px{
    font-size:14px;
}

.font_style_list_style{
    font-style: normal; list-style-type: circle;
}

.font_style_list_style_normal{
    list-style-type: disc; font-style: normal;
}

.padding_bottom_12px{
    padding-bottom:12px !important;
}

.bottom_0_top_auto{
    bottom: 0;top:auto;padding: 0px 50px 0px 50px;
}

.font_size_15px{
    font-size: 15px;font-weight:bold
}

.margin_top_15_display_hide{
    margin-top: 15px; display: none !important;
}

.width_40{
    width:40%;
}

.width_10_float{
    width:10%;float:left;
}

.width_80_float{
    width:80%;float:left;
}
.width_100_float{
    width:100%;float:left;
}


.color_black{
    color: black;
}

.clear_both{
    clear:both;
}


.forgtMsgMob {
    font-weight: bold;
}

.chngCondoClr {
    background-color: #999;
}

.cmxPwd {
    font-size: 12px;
    text-align: left;
    display: none;
}

.restPwd {
    display: block !important;
}

.cnfPwd {
    font-size:12px;
    text-align:left;
}

.regex-message{
    font-size:12px;
    padding-top : 0px;
}

.margit_bottom_top_10{
    margin-bottom : 10px;margin-top : 10px;text-align : center;
}

.width_171_position_relative{
    width:171px;height:291px;position:relative;bottom:29px;right:10px;
}

.text_align_center_margin_bt20{
    text-align:center;margin-bottom:20px;margin-top:20px;
}

.f_size_25px_tac{
    font-size:25px;text-align:center;
}

.margin_auto_wh200{
    margin:auto;width:200px;height:200px
}

.margin_auto_wh100{
    margin:auto;width:100px;height:100px
}

.bg_color_E9ECEF{
    background-color: #E9ECEF !important;
}

.padding0px{
    padding:0px;
}


.margin_left_115px{
    margin-left:115px;
}

.text_align_center_f25{
    text-align:center;font-size:25px;padding:10px;
}

.font_size_12px{
    font-size:12px;
}

.max_height_383px{
    max-height: 383px;
}

.margin_10_float_right{
    margin : 10px; float:right;
}

.font_size_13px_mt5_mb17{
    color:#a94442;display:none;font-size: 13px;margin-top: -5px;margin-bottom: 17px;
}
.transaction_height{
    height: calc(100vh - 250px);
}

.margin_left_13{
    margin-left: 13px;
}

.online_ans{
    padding: 5px;color: red;text-align: center;
}

.text_transform_cap{
    text-transform:capitalize;
}

.width_32{
    width:32%;
}

.margin_left_11px_mt{
    margin-left:115px;margin-top: -11px;
}

.concierge_add_block{
    margin: 0 auto;
    float: none;
}

.discription_block_concierge{
    font-size:13px;
    color:#a94442;
}

.constcat_pcs{
    display: block !important;
    float: none !important;
    clear: both;
}

.display_table_vl{
    display: table; vertical-align: middle;
}


.display_table_c_vl{
    display: table-cell; vertical-align: middle;
}



.width_webkit_fill{
    width: -webkit-fill-available;
}

.bg_img_none{
    background-image: none !important;
}

.padding10px_imp{
    padding:10px !important;
}

.border_collpase_0px{
    border: 0px; border-collapse: collapse;
}



.width100_wb_ta{
    width: 100%;word-break: break-word;text-align: left;
}

.line_height_25px{
    line-height: 25px;
}

.backgroung_none{
    background: none !important;
}
.min_width_100{
    min-width: 100px;
}
.max_width_200{
    max-width: 200px;
}
.background_white{
    background: white;
}
.padding_20{
    padding:20px;
}
.backgroundcolor_white{
    background: #003f87 !important;
    color: white !important;
}

.padding_overflow{
    padding-bottom: 140px;
    overflow-y: scroll;
}

.width_1px{
    width: 1px;
}

.height_auto_pad_7px{
    height:auto; padding: 7px;
}
.float_cursor{
    float: right !important; cursor: pointer;
}

.width_179{
    width:179px;
}
.background-transparent{
    background-color:transparent;
}
.margin_top_display_none_text-align{
    margin-top: 10px; display: none; text-align: center;
}
.margin-textalign-width{
    text-align: center;margin: 0 auto;width: 300px;
}
.marginbottom_displaynone{
    display:none;margin-bottom:30px;
}
.occupant_list_backgroundColor{
    background:#ff9900 !important;
}
.margin-top15{
    margin-top: 15px;
}
.margin-bottom5{
    margin-bottom:5px;
}
.wallcommunityquestion-neighbourhoodchat{
    font-size: 1.5em;cursor: pointer;padding-top: 8px;
}
.font-size-cursor{
    font-size: 1.5em;cursor: pointer;
}
.paymenttimer{
    float:right;font-size:30px;color:white;
}.payment-display-center{
    display: none; text-align: center;
}
.countdown-payment-form{
    float:right;font-size:30px;color:white;
}

.comment_list{
    background:#C6DFB7;
}

.color-red{
color: red;
}.tnc_accept_iframe{
    width: 100%; height: 500px; background-color: #FFFFFF;
}.float-none{
    float: none;
}.defect-reporttg{
    width:auto; height:64px;
}
.width-wordbreak{
    width: 100px;word-break: break-all;
}
.width200-wordbreak{
    width: 200px;word-break: break-all;
}
.padding-right-15{
    padding-right: 15px;
}
.margin-right-10{
    margin-right: 10px;
}
.margin-right-30{
    margin-right: 30px;
}
.float-paddingright{
    float: right;padding-right: 15px;
}
.float-paddingright-bottom{
    float: right; padding-right: 15px;padding-bottom: 10px;
}
.textoverflow_width270{
    text-overflow: ellipsis;width: 270px;overflow: hidden; white-space: nowrap;
}

.color_crimson{
    color: crimson;
}

.background-color-75b045{
    background-color: #75b045
}.padding-unset{
    padding: unset;
}.residentSection-overflow{
    max-height: 700px;overflow-y: auto;
}

.background-color-201c1d{
    background-color: #201c1d !important;
}
.padding-top-24{
    padding-top: 24px;
}
.font-size-15{
    font-size: 15px;
}
.margin-top-10{
    margin-top: 10px;
}

.profile-height-width{
    height:20px;width:20px;
}.wall-community-forum{
    font-family:Arial; font-size: 15px;
}.wall-community-forum-img{
	height:120px;
	width:250px;
}.wall-community-forum-main-popup-img{
	height:160px;
	width:250px;
}.paddng-left-14{
	padding-left:14px;
}.paddng-left-0{
	padding-left: 0px;
}.clear-none{
	clear: none !important;
}.blacklistnote-textarea{
	font-size:14px;
	border-bottom: 1px solid #e5e5e5;
	height:43px;
}.width-70{
	width:70px;
}
.package_color{
    color : #3399FF !important;
}
.package_hg{
height: 100px;
}
.package_hg_wd{
    height: 100px;width: 100px;
}
.package_wd{
width: calc(100% - 120px);
}
.egm_doc{
    width:100%; height:100%;
}
.margin-top-bottom22{
    margin-top:17px;margin-bottom:22px;
}
.m-top5{
    margin-top:5px;
}
.width70{
    width:70px;
}
.width60{
    width:60px;
}
.padding-left14{
    padding-left:14px;
}
.fontsize-borderbottom-height{
    font-size:14px;border-bottom: 1px solid #e5e5e5;height:43px;
}
.background-color-ffffff{
    background-color: #ffffff;
}
.background-color-f1f1f1{
    background-color: #f1f1f1;
}

.border0{
    border: 0px;
}
.width_4
{
    width:4%;
}
.width_12
{
    width:12%;
}
.width_10
{
    width:10%;
}
.textalign-aligncenter{
    text-align:center; vertical-align:middle;
}
.margin-left-17{
    margin-left: 17%;
}
.floatright_positionrelative{
    float: right;position: relative;bottom: 29px;right: 10px;color: white;
}
.margin65bottom60{
    margin-left: 65%;margin-bottom: 60px;
}
.floatleft_margin10{
    float: left;margin-right: 10px;
}
.border-none{
    border-bottom: none
}
.width_125
{
    width:125%;
}
.width_125height_125px
{
    width:125%;  height: 125px; 
}
.ck-powered-by__label {
    padding: 0px !important;
    width: 0px !important;
    height: 0px !important;
    max-width: 0px !important;
    max-height: 0px !important;
    display: none !important;
    position: fixed;
    right: -300px;
    bottom: -100px;
}
.aganda_detail_div{
    height:210px ; width: 689px; border-radius:5px;
}
.color_circle1{
    background-color: #5690FF;
}
.color_circle2{
    background-color: #206C0D;
}
.right_0{
    right:0%;
}
.width_370{
    width: 370px; height: 100%;
}
.width_300{
    width: 300px;
}
.height_300{
    height: 300px;
}
.font-size-18{
    font-size:18px;
}
.font_italic{
    font-style:italic;
}
.opacity05{
    opacity: 0.5;
}
.background_none{
    background: none;
}
.cancel_style
{
    background-color: white; color: black; border: 1px solid black;
}
.marging0{
    margin:0 !important;
}
.visitorface_pading{
    padding-left:0px !important; margin-top: 25px;margin-left: 30px;
}
.margin-bottom50{
    margin-bottom:50px;
}
.facetearm{
    float: left;width:90%;margin-left:10px;margin-bottom:50px;
}
.s_txt_orange{color:#D16D10;}
.reciptdet_frm{
    z-index: 9;margin: 11px;margin-top: 22px;
}
.recip_title{
    color: black; font-size: 20px; display: block; margin-bottom: 10px; font-weight: 500;
}
.receipt_div{
    text-align: center; font-size: 18px; font-family: 'SourceSansPro-SemiBold'; color: #7f7f7f;
}
.receipt_total{
    margin: 15px 0 0;border: 1px solid #e4e7ea;border-left: 0;border-right: 0;
}
.formio-component-htmlelement p p strong, .formio-component-htmlelement p p{
    font-family: var(--font-family-SemiBold);
    font-weight: 500;
}
.font-weight-bold{
    font-weight:bold;
}
.font-weight-normal{
    font-weight:normal;
}.height_1000{height: 1000px;}
.notification_msg{width: 100%; height: -webkit-fill-available;padding: 20px; background: white;}
.exceptionlog{
    color : #fff;white-space:normal;
}

#page-right-section .tab-content .filterSection .form-group.selectfilter-width .select{
    width: 188px ;
}

#page-right-section .tab-content .filterSection .form-group.selectfilter-width-200 .select{
    width: 200px ;
} 
#page-right-section .tab-content .filterSection .form-group.selectfilter-width-250 .select{
    width: 250px ;
}

#page-right-section .main-section .tab-content .eagm_main_module .eagm-poll-result-snapshot-wrapper.anprcountdisplay span{
    font-size: var(--font-size-small);
}
#discountbookingfeeinputboxes .bookingfeediscountdivs .booking_depositBox .form-group input{
    padding-top: 1.4rem;
}
#customError.modal.import-modal-opacity{
    background-color:rgba(0,0,0,0.4);
}

.visitorpassimg{
    height: 50px !important;
}
.formio-component-htmlelement p p strong, .formio-component-htmlelement p p{
    font-family: var(--font-family-SemiBold);
    font-weight: 500;
}
.font-weight-bold{
    font-weight:bold;
}
.font-weight-normal{
    font-weight:normal;
}
.status-1{
    color: #18a047;
}
.status-2{
    color: #ff0a0a;
}
.ace_inner {
    width: 100%;
    min-width: 0px;
    height: 200px;
    display: block;
    }
    .ace_outer {
    position: absolute;
    left: -10000px;
    overflow: hidden;
    width: 200px;
    min-width: 0px;
    height: 150px;
    display: block;}
    
.tab-pane-active {
    display: block;
}
.tab-pane-inactive {
    display: none;
}
.formio-tab-panel-active {
    display: block;
}.formio-tab-panel-inactive {   
    display: none;
}.width-34{
     width: 34px;
}.color_ABABAB{
    color:#ABABAB;
} .color_606060{
    color:#606060;
}.color_727272{ 
    background:#727272; 
}.color_ef231a{
    background:#ef231a;
}.color_14B050{
    background: #14B050;
}.color_003F87{
    background:#003F87;
} .bg_color_class_3{   
    background:#727272;
} .bg_color_class_1{  
    background:#ef231a;
}.bg_color_class_0{   
    background: #14B050;
}.bg_color_class_2{   
    background:#FFA900
}
.top75{
    top: 75% !important;
}.whitespace_prewrap{
    white-space: pre-wrap;
}
.wall_details_img img{
    width: auto !important;
}
.width_17{
    width: 17% !important;
    min-width: 297px !important; 
}
.min-width-95{
    min-width: 95px !important;
}

.uploadsection  .browsefile  p.help-mendatory-upload-error{
    top: 18px;
}
.displayslotavailble{
    font-family: var(--font-family-SemiBold);
}
#earliestslotavailable.modal button {
  text-transform: none;
}
div#card-errors {
    color: var(--text-error);
}
/*----------------------Responsive-------------------------*/

@media (max-width:1780px) {
    #page-right-section .main-section .maincontent .visit_upload_source_imgBox {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 0.25rem !important;
    }

    #page-right-section .main-section .maincontent .calendar-right .amenitydayslot .amenityallslot .slot{
        margin: 5px 3px;
    }

    #page-right-section .tab-content #facilitybookingGridTable33 table thead th:last-child, #page-right-section .tab-content #facilitybookingGridTable33 table tbody td:last-child{
        max-width: 310px;
    }

    .tableContent table th a.desc:after, .tableContent table td a.desc:after{
        transform: translate(12px, -50%);
    }

    .meeting_report_section .campaign-report .circul_box:first-child{
        width: 35.33%;
    }

    #page-right-section .g-feedback-tabs .tabNavbar .tabHeader.select-list-tab-data .nav-tabs .nav-item a{
        margin: 0 50px 0 0;
    }

    #page-right-section .audit-trail-log-index .audit-trail-log #transactionshistory.tableContent table thead th{
        min-width: auto;
    }

}

.online_form_custom_style .online_form_custom_builder p img{
    width: 100%;
}

body.darkTheme-Mode .online_form_custom_style .online_form_custom_builder p img{
    filter: invert(1);
}

body.darkTheme-Mode .online_form_custom_style .online_form_custom_builder p h3 , body.darkTheme-Mode .online_form_custom_style .online_form_custom_builder legend , body.darkTheme-Mode .online_form_custom_style .online_form_custom_builder p , body.darkTheme-Mode .online_form_custom_style .online_form_custom_builder .fileSelector{
    color: var(--text-white);
}
.form-group.start_time_icon select[disabled] + .styledSelect{
    background-color: rgba(0, 0, 0, 0.1);
	color:var( --text-secondary-color);
}
.word_break{
word-break:break-all;
}
.asticksign{
color:red;
font-size:var(--font-size-medium);
}
p.help-block-error.audit_trail_error {
    position: absolute;
    top: 100%;
    left: 0;
    padding-top: 2px;
}
.form-group.requestNote-facility-booking input{
    height: 70px;
    padding-top: 36px;
}
.form-group.requestNote-facility-booking label{
    line-height: normal;
    top: 16px;
}
.form-group.requestNote-facility-booking.label-up label{
    top: 6px;
}
.choices[data-type*=select-one]::after{
    margin-top: -10px !important;
}
.online_form_custom_style .online_form_custom_builder p img{
    height: 100%;
}
.online_form_custom_style .formio-component-companyStamp{
    margin-bottom: 20px;
}
.online_form_custom_style .content .online_form_custom_builder .field-wrapper{
    flex-direction: column;
}
.online_form_custom_style .content .online_form_custom_builder fieldset legend{
    font-size: var(--font-size-medium);
    color: var(--text-black);
    font-family: var(--font-family-SemiBold);
}
#page-right-section .main-section .maincontent .inner_box_tabs .dayslots .date_input_box input{
    padding: 0.375rem 0.75rem;
}

#page-right-section .main-section .maincontent .inner_box_tabs .form-group input{
    padding: 0.375rem 0.75rem;
}

#page-right-section .main-section .maincontent .inner_box_tabs .tnc_form_group .form-group input[type=checkbox]:checked+label, #page-right-section .main-section .maincontent .inner_box_tabs .tnc_form_group .form-group input[type=checkbox]:not(:checked)+label{
    top: 0;
}
#page-right-section .main-section .maincontent .postDetails .card .cardheader span.blog_span_right{
    line-height: 22px;
}
    
#page-right-section .main-section .maincontent .postDetails .card .cardheader span.date_time_text{
    display: inline-block;
    min-width: 132px;
}
.width-150{
    width: 150px;
}
.filterSection .display_block.cleatfilter , .filterSection .display_block.applyfilter {
    text-align: center;
}
@media (max-width: 1680px){
    :root{
        --font-size-xx-small: 7.5px;
        --font-size-x-small: 10px;
        --font-size-small: 12px;
        --font-size-medium: 13px;
        --font-size-alt-medium: 15px;
        --font-size-medium-large: 17px;
        --font-size-alt-medium-large: 19px;
        --font-size-large: 24px;
        --font-size-x-large: 26px;
    }

    #page-left-section{
        width: 262px;
    }

    #page-right-section{
        width: calc(100% - 262px);
    }
    #page-right-section .tab-content #facilitybookingGridTable33 table thead th:last-child, #page-right-section .tab-content #facilitybookingGridTable33 table tbody td:last-child{
        max-width: 255px;
    }

    #page-right-section .main-section .tab-content .eagm_main_module #eagm-details .meeting-start-btn-wrapper{
        right: 284px;
    }

    #page-right-section #transactionshistory.tableContent table.onlinefac_trans_table thead th:nth-child(4) , #page-right-section #transactionshistory.tableContent table.onlinefac_trans_table tbody td:nth-child(4){
        min-width: 200px;
    }

    .nebhiourhood_infoicon{
        left: 295px;
    }

    /* body.Dashboard_body_class #page-right-section .page-dashboard{
        transform: scale(.945);
    }

    body.Dashboard_body_class #page-right-section .page-dashboard .main-section{
        padding: 0px 10px 0;
    } */

    body.Dashboard_body_class{
        zoom: 92%;
    }

    body.Dashboard_body_class #page-left-section .navigation-section{
        height: calc(100vh - 25px);
    }

    body.Dashboard_body_class #page-right-section .main-content{
        min-height: calc(100vh - 25px);
        height: calc(100vh - 25px);
    }

    .row.duration_submission_row .custom_col{
        max-width: 50% !important;
        flex: 0 0 50%;
    }

    .form-group.survey_customdrop_length .select .options{
        max-height: 205px;
    }

    /* .audit_date_def_text{
        top: -28px;
        font-size: var(--font-size-x-small);
    } */
}

@media (max-width:1630px) {
    .condolistPage #login-form-section .login-form .condoSelection .container .selection-tab{
        padding: 0 15px;
    }
    /* #page-right-section .main-section .maincontent .bookingSlot_leftSection .calendar-left .amenityBookedSlot .amenityallslot .slot {
        width: 22.7%;
    } */
    #page-right-section .tab-content #facilitybookingGridTable33 table thead th:last-child, #page-right-section .tab-content #facilitybookingGridTable33 table tbody td:last-child{
        max-width: 280px;
    }
    #page-right-section .main-section .maincontent .bookingSlot_leftSection .calendar-left .amenityBookedSlot .amenityallslot .slot{
        padding: 13px 8px;
    }
}

@media (max-width:1600px) {
    #page-right-section .main-section .token_list_box .token_inner_box .token_inner_lbox{
        width: 45%;
    }
    #page-right-section .main-section .maincontent .calendar-right .amenitydayslot .handoverbookingSlot .slotBox .slot{
        padding: 3px 1px 3px 20px;
    }
    .total_log h3{
        font-size: 32px;
    }

    #page-right-section .g-feedback-tabs .tabNavbar .tabHeader.select-list-tab-data .nav-tabs .nav-item a{
        margin: 0 42px 0 0;
    }

    #page-right-section .tabNavbar .nav-tabs .nav-item a{
        padding: 0 35px;
    }
}

@media (max-width:1536px) {
    .page-dashboard .top-boxes-dashborad .panel {
        padding: 20px 0px 40px 0px;
    }
    .page-dashboard .dashboard-item{
        width: 50%;
    }

    #page-right-section .main-section .maincontent .rightSecton{
        padding-left: 0;
    }

    #page-right-section .main-section{
        padding: 35px 25px 0;
    }

    #page-right-section header .main-header{
        padding: 8px 25px 12px;
    }

    #page-right-section .sub-header{
        padding: 0px 25px 0;
    }

    #page-right-section .main-section .maincontent .postDetails.amenityCardBox .card{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .form-group .select .custom_select_box.s-hidden{
        margin-left: 0;
        margin-right: 0;
    }

    #page-right-section .main-section .maincontent .postDetails.amenityCardBox .card .form-group.selectcatid label , #page-right-section .main-section .maincontent .postDetails.amenityCardBox .card .form-group.form_label_multiline label {
        width: calc(100% - 35px);
        text-wrap: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    #page-right-section .main-section .maincontent .postDetails.amenityCardBox .card .form-group.label-up.selectcatid label , #page-right-section .main-section .maincontent .postDetails.amenityCardBox .card .form-group.label-up.form_label_multiline label{
        width: calc(100% - 20px);
    }

    .form-group .date input{
        padding-right: 25px;
    }

    #page-right-section .main-section .maincontent .bookingSlot_leftSection{
        padding-right: 50px;
    }

    #page-right-section .main-section .maincontent .calendar-right .amenitydayslot .amenityallslot .slot{
        width: 19%;
        margin: 5px 3px;
    }

    .form-group .styledSelect{
        background-position: right 10px top 22px;
    }

    #page-right-section .tab-content .filterSection .form-group .date {
        width: 110px;
    }

    #page-right-section .tab-content .searchbar input{
        width: 130px !important;
    }

    #page-right-section header .main-header .rightSection .settingblock .dropdown .dropdown-menu{
       width: 100%;
       padding: 0px 10px 15px;
       left: 17px !important;
    }

    #page-right-section header .main-header .rightSection .settingblock .dropdown .dropdown-menu::before{
        right: 35px;
    }

    #page-right-section .main-section .maincontent .calendar-right .amenitydayslot .handoverbookingSlot .slotBox .slot {
        padding: 3px 10px 3px 20px;
    }

    /* .const-process-payment-list-sec .tableContent table thead th , .const-process-payment-list-sec .tableContent table tbody td {
        width: 44%;
    } */

    .ticket_st_clm .top_tk_rw{
        display: block;
    }
    .defectdetail_page_designupdate .ticket_st_clm .tckt_nb{
        margin-bottom: 10px;
    }
    .ticket_st_clm .top_tk_rw a.button-fill-primary-large{
        margin-bottom: 10px;
    }

    #page-right-section .g-feedback-tabs .tabNavbar .tabHeader.select-list-tab-data .nav-tabs .nav-item a{
        margin: 0 46px 0 0;
    }

    #page-right-section .tab-content .filterSection.appr-filtersection{
        justify-content: flex-end;
    }

    .nebhiourhood_infoicon{
        left: 245px;
    }
    
    #page-right-section .main-section .maincontent .rightSecton .booking_hist_facility_details::after{
        left: -15px;
    }

    .tableContent.listingul table thead th:last-child, .tableContent.listingul table tbody td:last-child{
        width: 100px;
    }
}

@media (max-width: 1510px){
    #page-right-section .tab-content
     .filterSection.appr-filtersection .mr-2.appr-clr-fil-btn{
        margin-right: 0 !important;
    }

    #page-right-section .tab-content #feedback #feedbackfilter .gen-cre-feed-btn{
        margin-bottom: 10px !important;
    }

    .color-checkbox.profile-phone.onehalf.onethird.field-dynamicmodel-maxnonpeaktimereservation{
        line-height: 24px;
    }

    #page-right-section .tab-content .filterSection .form-group.date-span.onli-form-date-filter .date{
        width: 115px;
    }
}

@media (max-width: 1440px){
    #page-right-section .tab-content #feedback #feedbackfilter{
        flex-direction: column;
        align-items: flex-end !important;
    }

    #page-right-section .tab-content .filterSection{
        margin-left: 0;
        width: 100%;
        justify-content: end;
        /* margin-top: 12px; */
    }

    #page-right-section .g-feedback-tabs .tabNavbar .tabHeader.select-list-tab-data .nav-tabs .nav-item a {
        margin: 0 15px 0 0;
    }

    .meeting_report_section .campaign-report .circul_box:first-child{
        width: 100%;
    }

    .meeting_report_section .campaign-report .stats_box_right.stats_box_right-new-wrapper{
        flex-direction: column;
        min-height: 435px;
    }

    .tableContent table td span.division, #page-right-section .main-section .maincontent .book-sec span.division{
        margin: 0 8px 0 8px;
    }

    #page-right-section .g-feedback-tabs .tab-content .activity ul li .pending .timeline .right , #page-right-section .g-feedback-tabs .tab-content .activity ul li .progress .timeline .right , #page-right-section .g-feedback-tabs .tab-content .activity ul li .progress .timeline .right , #page-right-section .g-feedback-tabs .tab-content .activity ul li .closed .timeline .right , #page-right-section .g-feedback-tabs .tab-content .activity ul li .rejected .timeline .right , #page-right-section .g-feedback-tabs .tab-content .activity ul li .rescheduled .timeline .right , #page-right-section .g-feedback-tabs .tab-content .activity ul li .completed .timeline .right , #page-right-section .g-feedback-tabs .tab-content .activity ul li .assign .timeline .right , #page-right-section .g-feedback-tabs .tab-content .activity ul li .reopen .timeline .right , #page-right-section .g-feedback-tabs .tab-content .activity ul li .followup .timeline .right , #page-right-section .g-feedback-tabs .tab-content .activity ul li .quoted .timeline .right , #page-right-section .g-feedback-tabs .tab-content .activity ul li .invoice .timeline .right , #page-right-section .g-feedback-tabs .tab-content .activity ul li .progress .timeline .right {
        max-width: 110px;
        min-width: 110px;
        padding-left: 7px;
    }

    #page-right-section .g-feedback-tabs .tab-content .activity ul li .pending .timeline .left span, #page-right-section .g-feedback-tabs .tab-content .activity ul li .pending .timeline .right span,
    #page-right-section .g-feedback-tabs .tab-content .activity ul li .closed .timeline .left span, #page-right-section .g-feedback-tabs .tab-content .activity ul li .closed .timeline .right span,
    #page-right-section .g-feedback-tabs .tab-content .activity ul li .rejected .timeline .left span, #page-right-section .g-feedback-tabs .tab-content .activity ul li .rejected .timeline .right span,
    #page-right-section .g-feedback-tabs .tab-content .activity ul li .rescheduled .timeline .left span, #page-right-section .g-feedback-tabs .tab-content .activity ul li .rescheduled .timeline .right span,
    #page-right-section .g-feedback-tabs .tab-content .activity ul li .completed .timeline .left span, #page-right-section .g-feedback-tabs .tab-content .activity ul li .completed .timeline .right span,
    #page-right-section .g-feedback-tabs .tab-content .activity ul li .assign .timeline .left span, #page-right-section .g-feedback-tabs .tab-content .activity ul li .assign .timeline .right span,
    #page-right-section .g-feedback-tabs .tab-content .activity ul li .reopen .left span, #page-right-section .g-feedback-tabs .tab-content .activity ul li .reopen .right span,
    #page-right-section .g-feedback-tabs .tab-content .activity ul li .followup .left span, #page-right-section .g-feedback-tabs .tab-content .activity ul li .followup .right span ,
    #page-right-section .g-feedback-tabs .tab-content .activity ul li .quoted .left span, #page-right-section .g-feedback-tabs .tab-content .activity ul li .quoted .right span,
    #page-right-section .g-feedback-tabs .tab-content .activity ul li .invoice .left span, #page-right-section .g-feedback-tabs .tab-content .activity ul li .invoice .right span,
    #page-right-section .g-feedback-tabs .tab-content .activity ul li .progress .left span, #page-right-section .g-feedback-tabs .tab-content .activity ul li .progress .right span {
        font-size: var(--font-size-small);
        line-height: 16px;
        margin-top: 12px;
    }

    .activity-feed .feed_item_sub{
        margin-right: 18px;
    }

    a.button-fill-primary-large.btnimportbooking{
        min-width: fit-content;
    }

    #hikvisionparkinglog.tableContent table thead th:nth-child(8) , #hikvisionparkinglog.tableContent table thead th:nth-child(9) ,
    #hikvisionparkinglog.tableContent table tbody td:nth-child(8) , #hikvisionparkinglog.tableContent table tbody td:nth-child(9){
        min-width: 130px;
    }

    #hikvisionparkinglog.tableContent table thead th:nth-child(2) ,#hikvisionparkinglog.tableContent table tbody td:nth-child(2) {
        min-width: 85px;
    }
    #page-right-section .main-section .token_list_box .token_inner_box .token_inner_lbox{
        width: 45%;
    }
    #page-right-section .main-section .maincontent .calendar-right .amenitydayslot .handoverbookingSlot .slotBox .slot {
        padding: 3px 0px 3px 20px;
    }

    #page-right-section .main-section .token_list_box .token_inner_box .token_inner_rbox{
        padding: 25px 5px 25px 5px;
    }

    #page-right-section .main-section .token_list_box .token_inner_box .token_inner_lbox .gender-options{
        padding: 0 3px;
    }

    #page-right-section .tab-content .filterSection.w-175-filter{
        margin-top: 0;
    }

    #page-right-section .g-feedback-tabs .tabNavbar .tabHeader.select-list-tab-data .nav-tabs .nav-item a{
        margin: 0 36px 0 0;
    }

    /* .col-box-dash:nth-child(odd){
        width: 55%;
    } */
    .col-box-dash:nth-child(even){
        width: 45%;
    }
    .dash_card_cust .dash_card_cust_body{
        padding: 15px;
    }

    .dash_card_cust .dash_card_cust_header .nav-fliter ul a{
        padding-left: 35px;
    }
    /* .total_devision_log h4{
        font-size: 18px;
    } */
    /* .grid-item-cust{
        width: 50%;
    } */
    .grid-item-cust.w-cust-100 {
        width: 100%;
    }
    .activity-feed .feed-item{
        padding-left: 40px;
    }
    .dashborad_color_boxs{
        min-height: 212px;
    }
    .dash_card_cust .dash_card_cust_header h4{
        padding: 15px;
    }
    /* .grid-item-cust:first-child{
        width: 100%;
    } */
    .dlp-dash-boxes .grid-item-cust:first-child{
        width: 33.3333;
    }
    .dlp-dash-boxes .grid-item-cust:nth-child(2) {
        width: 33.3333%;
    }
    .dlp-dash-boxes .grid-item-cust:nth-child(3) {
        width: 33.3333%;
    }
    .dlp-dash-boxes .dashborad_color_boxs{
        min-height: 220px;
    }
    .total_devision_log p{
        padding: 0 12px;
    }
}

@media (max-width:1400px) {
    #page-right-section .main-section .token_list_box .token_inner_box .token_inner_lbox{
        width: 55%;
    }

    #page-right-section .g-feedback-tabs .tabNavbar .tabHeader.select-list-tab-data .nav-tabs .nav-item a{
        margin: 0px 32px 0 0;
    }

    #page-right-section .tab-content #facilitybookingGridTable33 table thead th:last-child, #page-right-section .tab-content #facilitybookingGridTable33 table tbody td:last-child{
        max-width: 290px;
    }

    #page-right-section .tab-content .filterSection .form-group.appr-bookingApprovalFilter{
        margin-right: 3px;
    }

    #page-right-section .tab-content .filterSection .form-group.mr-2.approval-book-apply{
        margin-right: 0 !important;
    }

    #page-right-section .tab-content .searchbar.code-online-filter input{
        width: 120px !important;
    }

    #page-right-section .tabNavbar .nav-tabs .nav-item a{
        padding: 0 22px;
    }

    #page-right-section .tabNavbar .nav-tabs .nav-item:last-child a{
        padding: 0 0px 0 25px;
    }

    .select2-container--default .select2-results>.select2-results__options{
        max-height: 275px;
    }

    .form-group.common_ul_options_max_length .select .options{
        max-height: 275px;
    }
}

@media (max-width:1366px) {
    .condolistPage #login-form-section .login-form .condoSelection .container .selection-tab ul li{
        width: 19%;
    }

    #page-right-section .main-section .maincontent .leftSecton .service_request_web_slider .carousel .carousel-indicators{
        margin-right: 38%;
        margin-left: 38%;
    }


    #page-right-section .main-section .maincontent .rightSecton{
        padding-left: 25px;
    }

    #page-right-section .main-section .maincontent .bookingSlot_leftSection {
        padding-right: 25px;
    }

    /* #page-right-section .main-section .maincontent .bookingSlot_leftSection .calendar-left .amenityBookedSlot .amenityallslot .slot{
        width: 48%;
    } */

    #page-right-section .main-section .maincontent .rightSecton{
        padding-left: 0;
    }

    #page-right-section .main-section .maincontent .calendar-right .amenitydayslot .amenityallslot .slot{
        width: 23%;
    }

    #page-right-section .main-section .maincontent .calendar-right .amenitydayslot .amenityallslot .slot:nth-child(5n+1), #page-right-section .main-section .maincontent .calendar-right .amenitydayslot .handoverbookingSlot .slotBox:nth-child(5n+1), #page-right-section .main-section .maincontent .calendar-right .amenitydayslot .amenityallslot .slot:first-child, #page-right-section .main-section .maincontent .calendar-right .amenitydayslot .handoverbookingSlot .slotBox:first-child , #page-right-section .main-section .maincontent .calendar-right .amenitydayslot .amenityallslot .slot:nth-child(5n){
        margin-left: unset;
        margin-right: unset;
    }

    #page-right-section .main-section .maincontent .calendar-right .amenitydayslot .amenityallslot .slot:nth-child(4n+1){
        margin-right: 5px;
        margin-left: 0;
    }

    #page-right-section .main-section .maincontent .calendar-right .amenitydayslot .amenityallslot .slot:nth-child(4n+2) , #page-right-section .main-section .maincontent .calendar-right .amenitydayslot .amenityallslot .slot:nth-child(4n+3){
        margin-left: 5px;
        margin-right: 5px;
    }

    #page-right-section .main-section .maincontent .calendar-right .amenitydayslot .amenityallslot .slot:nth-child(4n+4){
        margin-left: 5px;
    }

    #page-right-section .main-section .maincontent .calendar-right .amenitydayslot .amenityallslot .slot:nth-child(4n){
        margin-right: 0;
    }
    
    #page-right-section .main-section .maincontent .calendar-right .amenitydayslot .amenityallslot .slot:first-child{
        margin-left: 0;
        margin-right: 5px;
    }

    #page-right-section .tab-content .filterSection .form-group .select{
        width: 132px;
    }

    #page-right-section .tab-content .searchbar input{
        width: 125px !important;
    }

    #page-right-section .tab-content .filterSection .form-group .date{
        width: 105px;
    }

    .button-fill-primary-large, .button-transparent-secondary-large{
        min-width: 75px;
    }

    #page-right-section .g-feedback-tabs .tab-content .activity ul li .pending .timeline .left span , #page-right-section .g-feedback-tabs .tab-content .activity ul li .pending .timeline .right span{
        line-height: 16px;
        margin-top: 12px;
    }

    .total_log h3{
        font-size: 36px;
    }
    .activity-feed .feed_item_sub{
        padding: 10px;
    }
    
    .fc-ltr .fc-basic-view .fc-day-number{
        height: 44px;
    }

    #hikvisionparkinglog.tableContent table thead th:last-child, #hikvisionparkinglog.tableContent table tbody td:last-child{
        min-width: 160px;
    }

    .const-process-list-sec .tableContent table thead th , .const-process-list-sec .tableContent table tbody td {
        width: 22%;
    }
    
    .const-process-review-list-sec .tableContent table thead th , .const-process-review-list-sec .tableContent table tbody td {
        width: 18%;
    }
    
    /* .const-process-payment-list-sec .tableContent table thead th, .const-process-payment-list-sec .tableContent table tbody td{
        width: 43%;
    } */

    #page-right-section .g-feedback-tabs .tabNavbar .tabHeader.select-list-tab-data .nav-tabs .nav-item a{
        margin: 0 26px 0 0;
    }

    #page-right-section .tab-content #facilitybookingGridTable33 table thead th:last-child, #page-right-section .tab-content #facilitybookingGridTable33 table tbody td:last-child{
        max-width: 180px;
    }

    #page-right-section .tab-content .filterSection .form-group.ml-2 , #page-right-section .tab-content .filterSection .ml-2.inspect-clear-btn , #page-right-section .tab-content .filterSection .ml-2.inspect-apply-btn, .visitor-clr-fltrbtn.ml-2 , .visitor-apply-fltrbtn.ml-2 , #page-right-section .tab-content .filterSection .audit_trail_date_box.ml-2{
        margin-left: 3px !important;
    }

    #page-right-section .tab-content .filterSection .form-group.mr-2 , #page-right-section .tab-content .filterSection .mr-2.inspect-clear-btn , #page-right-section .tab-content .filterSection.appr-filtersection .mr-2.appr-clr-fil-btn , .visitor-clr-fltrbtn.mr-2 , #page-right-section .tab-content .filterSection .audit_trail_date_box.mr-2{
        margin-right: 3px !important;
    }

    #page-right-section .tab-content .filterSection .searchbar.ml-2 {
        margin-left: 3px !important;
    }

    #page-right-section .tab-content .filterSection .searchbar.mr-2{
        margin-right: 3px !important;
    }

    #page-right-section .tab-content .filterSection .searchbar.frFilter{
        margin-right: 3px;
    }

    #page-right-section .tab-content .filterSection.appr-filtersection .searchbar.plateNoFilter.mr-2{
        margin-right: 0 !important;
    }

    .panel-title .builder-group-button{
        line-height: normal;
        padding: 5px 8px;
    }

    .unit-constgallerylist-filter.cleatfilter.mr-2 , .unit-paymentprogresslist-filter.clearpaymentfilter.mr-2, #page-right-section .tab-content .filterSection .dir-list-filterclr.mr-2 , .filterSection .mr-2.appointment-filter , .filterSection .mr-2.units-filter , .filterSection .select-fliter .mr-2.staff-filter , .filterSection .mr-2.staf-non-working-filter , .filterSection .mr-2.non-working-filter , .filterSection.add_show_desk .cleatfilter.mr-2 , .filterSection.postVehicleApprovalFilter .plateNoFilter .vehicleclearfilter.mr-2 , .filterSection.input_select_fileterBox .cleatfilter.mr-2 , .filterSection.door_grp_fltr .cleatfilter.mr-2{
        margin-right: 3px !important;
    }

    .unit-constgallerylist-filter.cleatfilter.ml-2 , .unit-constgallerylist-filter.applyfilter.ml-2 , .unit-paymentprogresslist-filter.applypaymentfilter.ml-2 , .unit-paymentprogresslist-filter.clearpaymentfilter.ml-2 , #page-right-section .tab-content .filterSection .dir-list-filterapl.ml-2 , #page-right-section .tab-content .filterSection .dir-list-filterclr.ml-2 , .filterSection .ml-2.appointment-filter , .filterSection .ml-2.units-filter , .filterSection .select-fliter .ml-2.staff-filter , .filterSection .ml-2.staf-non-working-filter , .filterSection .ml-2.non-working-filter , .filterSection.add_show_desk .cleatfilter.ml-2 , .filterSection.add_show_desk .applyfilter.ml-2 , .filterSection.postVehicleApprovalFilter .plateNoFilter .vehicleclearfilter.ml-2 , .filterSection.postVehicleApprovalFilter .plateNoFilter .vehicleapplyfilter.ml-2 , .filterSection.input_select_fileterBox .cleatfilter.ml-2 , .filterSection.input_select_fileterBox .applyfilter.ml-2 , .filterSection.door_grp_fltr .cleatfilter.ml-2 , .filterSection.door_grp_fltr .applyfilter.ml-2{
        margin-left: 3px !important;
    }

    #page-right-section .main-section .maincontent .postDetails .card{
        padding: 20px 15px;
    }

    #page-right-section .main-section .maincontent .mywall-postdetail .postDetails .card .cardheader h4{
        width: 60%;
        padding-right: 8px;
    }

    .accordion-childs .fa.fa-star, .accordion-childs .fa.fa-star-o{
        width: 15px;
        height: 15px;
    }

    #page-right-section .main-section .maincontent .postDetails .card .cardheader h4{
        width: 59%;
    }

    .dlp-dash-boxes .dashborad_color_boxs.dashborad_red , .dlp-dash-boxes .dashborad_color_boxs.dashborad_pink{
        min-height: 288px;
    }

    .dlp-dash-boxes .dashborad_color_boxs.dashborad_red .total_devision_log , .dlp-dash-boxes .dashborad_color_boxs.dashborad_pink .total_devision_log {
        flex-wrap: wrap;
    }

    .dlp-dash-boxes .dashborad_color_boxs.dashborad_red .total_devision_log div , .dlp-dash-boxes .dashborad_color_boxs.dashborad_pink .total_devision_log div{
        width: 50%;
        margin-bottom: 15px;
    } 
    
    .dlp-dash-boxes .dashborad_color_boxs.dashborad_red .total_devision_log div:nth-child(2)::before , .dlp-dash-boxes .dashborad_color_boxs.dashborad_pink .total_devision_log div:nth-child(2)::before {
        border-left: none;
    }
    
    .grid-item-cust.dlp_defect_dashbord_green{
        width: 75%;
    }
    
}

@media (max-width:1349px) {
    
    .total_log h3{
        font-size: 30px;
    }
    .total_devision_log div{
        padding: 0 10px;
    }
    .grid-item-cust{
        padding-right: 10px;
        padding-left: 10px;
    }
    .grid-item-cust{
        margin-bottom: 20px;
    }
    .bash_shadow{
        margin-bottom: 20px;
    }
    .mg-b-30{
        margin-bottom: 20px;
    }

    #page-right-section .tab-content #facilitybookingGridTable33 table thead th:last-child, #page-right-section .tab-content #facilitybookingGridTable33 table tbody td:last-child{
        max-width: 220px;
        width: 165px;
    }

    #page-right-section .tab-content .filterSection .form-group.date-span.inquiryFilter .date{
        width: 115px;
    }
    
    #page-right-section .tab-content .filterSection.appr-filtersection .mr-2.appr-clr-fil-btn{
        margin-left: 6px !important;
    }
    #page-right-section .main-section .maincontent .bookingSlot_leftSection .calendar-left .amenityBookedSlot .amenityallslot .slot{
        flex: 1 1 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }

}

@media (max-width:1300px) {
    #page-right-section .main-section .token_list_box .token_inner_box .token_inner_lbox{
        width: 75%;
    }

    #page-right-section .g-feedback-tabs .tabNavbar .tabHeader.select-list-tab-data .nav-tabs .nav-item a{
        margin: 0 12px 0 0;
    }

    .form-group input[type=radio]:checked+label, .form-group input[type=radio]:not(:checked)+label{
        padding-left: 26px;
    }

    #page-right-section .tabNavbar .nav-tabs .nav-item a{
        padding: 0 18px;
    }

    #page-right-section .tabNavbar .nav-tabs .nav-item:last-child a{
        padding: 0 0px 0 18px;
    }
    #page-right-section .notification_bell .dropdown .dropdown-menu.show ul {
        max-height: 365px;
    }
}

@media (max-width:1280px){
    #page-right-section .tabNavbar .nav-tabs .nav-item a{
        padding: 0 10px;
    }

    #page-right-section .tabNavbar .nav-tabs .nav-item:last-child a{
        padding: 0 0px 0 10px;
    }

    #page-right-section .notification_bell .dropdown .dropdown-menu.show ul {
        max-height: 335px;
    }
}

@media(max-width: 1023px){
    #page-left-section {
        background: rgba(225, 225, 225, 0.8);
        display: none;
        position: absolute;
        min-height: auto;
        width: 100%;
        top: 0px;
        bottom: 40px;
        right: -100%;
        overflow-y: auto;
        -moz-transition: all 0.8s linear;
        -webkit-transition: all 0.8s linear;
        -ms-transition: all 0.8s linear;
        transition: all 0.8s linear;
    }

    #page-right-section .sub-header , #page-right-section header .main-header{
        padding: 0px 15px 0;
    }

    #page-left-section{
        height: auto;
    }

    #page-right-section {
        width: 100%;
        padding-left: 0px;
        min-height: auto;
        margin-top: 49px;
    }

    #page-left-section.side-nav-open{
        right: 0px;
        display: block;
        z-index: 9999;
        -moz-transition: all 0.8s linear;
        -webkit-transition: all 0.8s linear;
        -ms-transition: all 0.8s linear;
        transition: all 0.8s linear;
    }

    .mywall-header{
        display: block;
        background-color: var(--bg-green);
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding: 5px 0px 10px;
        overflow: hidden;
        position: fixed;
        width: 100%;
        height: 50px;
        z-index: 999;
        top: -1px;
        left: 0px;
        right: 0px;
        border-top: 1px solid var(--second-border-color);
    }

    .mywall-header h1 {
        overflow: hidden;
        word-wrap: break-word;
        font-size: var(--font-size-medium-large);
        font-family: 'SourceSansPro-SemiBold';
        line-height: 42px;
        color: var(--text-white);
        text-align: center;
        text-transform: capitalize;
        margin: 0 auto;
        width: 85%;
    }

    #mywallfooter {
        position: fixed;
        bottom: -6px;
        background: #f7f7f7;
        width: 100%;
        border-top: 1px solid #e5e5e5;
        z-index: 9;
        display: none;
    }

    #mywallfooter ul li {
        display: inline-block;
        float: left;
        width: 20%;
        margin: 0 auto;
        text-align: center;
    }

    #mywallfooter .nav li.active{
        border-right: none;
    }

    #mywallfooter ul li a {
        display: inline-block;
        padding: 0px 10px;
    }

    i.timeline-logo, i.bell, i.arrow-up-logo, i.commenting, i.three-line{
        color: #595959;
        display: inline-block;
    }

    i.timeline-logo {
        background: url(../images/timeline-logo.png) left top no-repeat;
        height: 20px;
        width: 36px;
        margin-top: 5px;
        background-size: cover;
    }
    #page-right-section header{
        display: none;
    }
    .mob_dsk_view_sec .mywall-header{
        display: none;
    }
    .mob_dsk_view_sec #page-right-section{
        margin-top: 0;
    }
    .tableContent .tableBottompagination{
        flex-direction: column;
        position: static;
    }
    .tableContent .tableBottompagination div{
        flex-direction: column;
    }
}

@media (max-width: 1023px) {
     /*----------------------eAGM Mobile-------------------------*/

     .eagm-new-header {
        height: 58px;
        padding: 0 15px;
        background: var(--bg-lightgray);
        display: flex;
        align-items: center;
        justify-content: flex-start;
     }

     .eagm-new-header-right{
        width: calc(100% - 17px);
        text-align: center;
        font-family: var(--font-family-SemiBold);
        line-height: normal;
        font-size: var(--font-size-medium-large);
     }

     .eagm-schedule-wrapper-new .schedule-handler{
        margin-bottom: 15px;
        margin-top: 15px;
        padding: 0 10px;
        display: flex;
     }

     .eagm-schedule-wrapper-new .schedule-handler.tab_link_sec{
        padding: 0;
     }

     .schedule-handler li{
        font-family: var(--font-family-SemiBold);
        text-align: center;
        cursor: pointer;
        border: 1px solid var(--border-color);
        padding: 12px;
        text-transform: uppercase;
        font-size: var(--font-size-alt-medium);
        background-color: var(--bg-default);
        color: var(--text-black);
        flex: 1;
        list-style: none;
     }

     .tab-new-eagm-wapper .schedule-handler li:first-child{
        border-top-left-radius: var(--border-radius);
        border-bottom-left-radius: var(--border-radius);
        border-right: none;
     }

     .tab-new-eagm-wapper .schedule-handler li:last-child{
        border-top-right-radius: var(--border-radius);
        border-bottom-right-radius: var(--border-radius);
     }

     .tab-new-eagm-wapper .schedule-handler li.active{
        background-color: var(--bg-green);
        color: var(--text-white);
        border-color: transparent;
     }

     .tab-new-eagm-wapper .schedule-handler .inner_tab_link{
        display: flex;
        flex-direction: column;
        border: none;
        background: var(--bg-default);
        color: var(--text-black);
        font-size: var(--font-size-medium);
        text-transform: capitalize;
     }

     .tab-new-eagm-wapper .schedule-handler .inner_tab_link.active{
        background-color: var(--bg-default);
        color: var(--text-green);
     }

     span.agenda-thumb-pic-box{
        display: block;
        width: 50px;
        height: 50px;
     }

     .custom-new-description-editor p{
        font-size: var(--font-size-alt-medium);
     }

     span.agenda-thumb-pic-box img{
        width: 100%;
     }

     body.darkTheme-Mode .eagm_back_icon{
        filter: invert(1);
     }

     .tab-new-eagm-wapper .schedule-handler .inner_tab_link.active svg , .tab-new-eagm-wapper .schedule-handler .inner_tab_link.active svg path{
        fill: var(--bg-green)
     }

     .schedule-inner-item li a{
        display: flex;
        width: 100%;
        padding: 17px 20px 17px 23px;
        border: 1px solid var(--second-border-color);
        border-left: none;
        border-right: none;
        border-bottom: none;
     }

     .schedule-inner-item li:last-child a{
        border-bottom: 1px solid var(--second-border-color);
     }

     .schedule-inner-item-new .schedule-inner-right {
        width: calc(100%);
        position: relative;
    }

    .schedule-inner-item-new .schedule-inner-right::after{
        content: '';
        position: absolute;
        width: 10px;
        height: 14px;
        top: 12px;
        right: -8px;
        transform: rotate(180deg);
        background: url(../images/upgrade-img/back.svg) no-repeat;
        opacity: 0.4;
    }

    .tab-wrapper-schedule.day-wrapper-box.tab_tab_data div#unit-tab-requests.agenda ul li{
        padding: 15px 8px;
        border-bottom: 1px solid var(--second-border-color);
    }

    .tab-wrapper-schedule.day-wrapper-box.tab_tab_data div#unit-tab-requests.agenda ul li.condolist .parkingspot_li{
        display: flex;
        align-items: center;
        padding: 10px 0 0;
    }

    .tab-wrapper-schedule.day-wrapper-box.tab_tab_data div#unit-tab-requests.agenda ul li a .user-pic{
        width: 100px;
        padding-right: 0;
        padding-left: 11px;
        font-size: var(--font-size-alt-medium);
        color: var(--text-black);
    }

    .agenda-time-schedue-eagm.agenda-time-schedue-eagm-minute{
        color: var(--text-darkgray);
    }

    .tab-wrapper-schedule.day-wrapper-box.tab_tab_data div#unit-tab-requests.agenda ul li a .content{
        width: calc(100% - 130px);
        padding-left: 10px;
        padding-top: 0;
        padding-right: 10px;
        display: flex;
    }

    .tab-wrapper-schedule.day-wrapper-box.tab_tab_data div#unit-tab-requests.agenda ul li a .content .eagm-new-content-counter{
        width: 40px;
        padding-right: 20px;
        color: var(--text-black);
        padding-bottom: 10px;
        line-height: 20px;
    }

    .tab-wrapper-schedule.day-wrapper-box.tab_tab_data div#unit-tab-requests.agenda ul li a .content .eagm-new-content-counter + h3{
        width: calc(100% - 40px);
        font-size: var(--font-size-medium-large);
        color: var(--text-black);
        font-family: var(--font-family-SemiBold);
    }

    .tab-wrapper-schedule.day-wrapper-box.tab_tab_data div#unit-tab-requests.agenda.agenda-new ul li a .meeting-person-description-arrow img{
        transform: rotate(180deg);
        opacity: 0.4;
    }

    .meeting-hdg {
        padding: 17px 13px 15px;
        font-size: var(--font-size-medium-large);
        font-family: var(--font-family-SemiBold);
    }

    ul.schedule-inner-item.schedule-inner-item-new .schedule-inner-right p{
        font-size: var(--font-size-alt-medium);
        color: var(--text-darkgray);
        margin-bottom: 0;
    }

    .page-category .wrap-head{
        display: none;
    }

    .notification-detail.meeting-info-new-wrapper{
        width: calc(100%);
        padding: 10px;
    }

    .meeting-venue-wrapper-outer-inner{
        padding: 24px 17px 16px;
    }

    .meeting-venue-wrapper-outer-inner .meeting-venue-wrapper:not(:first-child), .meeting-venue-wrapper.meeting-description-wrapper-new, .meeting-note-wrapper{
        margin-top: 20px;
    }

    .meeting-venue-wrapper.meeting-description-wrapper-new, .meeting-note-wrapper, .meeting-note-wrapper{
        padding-right: 17px;
        padding-left: 17px;
    }

    .inner_tab_handler {
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 0;
        box-shadow: 0 0 5px 0 rgba(175, 175, 175, 0.25);
        border-radius: var(--border-radius);
    }

    .meeting-venue-wrapper.meeting-description-wrapper-new{
        padding-bottom: 17px;
    }

    .meeting-venue-seperator{
        border-bottom: 1px solid var(--second-border-color);
        width: 100%;
    }

    span.meetin-heading{
        display: block;
        color: var(--text-darkgray);
        font-size: var(--font-size-medium);
        font-family: var(--font-family-SemiBold);
        margin-bottom: 3px;
    }

    span.meetin-content{
        color: var(--text-black);
        font-size: var(--font-size-alt-medium);
    }

    span.meetin-content p{
        font-size: var(--font-size-medium);
    }

    .sumof-total-paticipents-wrapper-box{
        background: var(--bg-green);
        font-size: var(--font-size-alt-medium);
    }

    .sumof-total-paticipents-wrapper-box{
        text-align: center;
        background-color: var(--bg-green);
        padding: 5px;
        color: var(--text-white);
    }

    .eagm-btn-wrapper {
        left: 0px;
        right: 0px;
        position: fixed;
        bottom: 0;
        z-index: 999;
        left: 0;
        right: 0;
        padding: 10px 15px;
    }

    .eagm-btn-wrapper .eagm-custom-btn{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 110px;
        margin: auto;
    }

    .tab-wrapper-schedule.day-wrapper-box.tab_tab_data div#unit-tab1.participants ul li.participant-new-listing{
        padding: 0 10px;
    }

    .tab-wrapper-schedule.day-wrapper-box.tab_tab_data div#unit-tab1.occupantlist li > .occupantlist_li{
        display: flex;
        padding: 15px 10px 12px;
    }

    .participant-new-listing-inner .user-pic{
        width: 60px;
        padding-right: 15px;
    }

    .occupantlist li.gridview.participant-new-listing .user-pic img{
        height: 37px;
        width: 37px;
    }

    .tab-wrapper-schedule.day-wrapper-box.tab_tab_data div#unit-tab1.occupantlist .occ-buttons{
        display: flex;
    }

    .tab-wrapper-schedule.day-wrapper-box.tab_tab_data div#unit-tab1.participants ul li.participant-new-listing .gridcontent h3{
        font-size: var(--font-size-medium);
        color: var(--text-darkgray);
    }

    .tab-wrapper-schedule.day-wrapper-box.tab_tab_data div#unit-tab1.participants ul li.participant-new-listing .occ-buttons a{
        font-size: var(--font-size-alt-medium);
        color: var(--text-black);
    }

    .tab-wrapper-schedule.day-wrapper-box.tab_tab_data div#unit-tab1.participants ul li.participant-new-listing h3.alltitle-sub{
        font-size: var(--font-size-alt-medium);
        color: var(--text-darkgray);
        padding-left: 6px;
    }

    .eagm-poll-wrapper.eagm-poll-list-wrapper-new{
        padding: 0 10px;
    }

    .polls-wrapper-new{
        display: flex;
        align-items: center;
        padding: 20px 0;
    }

    .eagm-poll-wrapper.eagm-poll-list-wrapper-new:first-child .polls-wrapper-new{
        padding-top: 10px;
    }

    .eagm-poll-status-wrapper li{
        color: var(--text-darkgray);
        margin-top: 10px;
        position: relative;
        padding-left: 20px;
        margin-right: 10px;
        padding-right: 10px;
        font-size: var(--font-size-small);
        font-family: var(--font-family-SemiBold);
    }

    .eagm-poll-status-wrapper li:before{
        content: "";
        position: absolute;
        height: 10px;
        width: 10px;
        border-radius: 100%;
        top: 3px;
        left: 0;
    }

    .eagm-poll-status-wrapper li.eagmended:before{
        background-color: var(--bg-darkgray);
    }

    .polls-left-new{
        width: calc(100% - 30px);
    }

    .polls-right-new{
        width: 30px;
    }

    .polls-right-new img{
        transform: rotate(180deg);
        filter: opacity(0.5);
    }

    .polls-wrapper-new .alltitle, .polls-wrapper-new .alltitle a{
        color: var(--text-darkgray);
        font-size: var(--font-size-medium);
    }

    span.polls-creater-name{
        margin-left: 8px;
    }

    .polls-creater-new{
        font-size: var(--font-size-alt-medium);
    }

    .polls-left-new .polls-creater-time{
        margin: 6px 0;
        font-size: var(--font-size-alt-medium);
        color: var(--text-darkgray);
    }

    .pollresult .available{
        color: var(--text-error);
        font-size: var(--font-size-alt-medium);
    }

    .pollresult .available .red {
        color: var(--text-error);
        font-weight: unset;
    }

    .polls-voting-wrapper-new.author-condition.pollvotecount .bold{
        font-size: var(--font-size-alt-medium);
        color: var(--text-black);
        font-weight: lighter;
    }

    .polls-wrapper-table table{
        width: 100%;
    }

    .polls-wrapper-table table tr td{
        padding: 10px 5px;
        border-bottom: 1px solid var(--second-border-color);
        font-size: var(--font-size-alt-medium);
        line-height: normal;
    }

    .single-polls-inner-wrapper-new-inner .polls-creater-time{
        display: block;
    }
    .single-polls-inner-wrapper-new-inner {
        padding-bottom:10px;
    }.min-height-100{
        min-height: 100px;
    }.border_bottom_solid{
        border-bottom: solid 1px;
    }.display_table_vl_w100{
        display: table; vertical-align: middle; width: 100% !important;
    }.font_size_20px{
        font-size: 20px;
    }.textoverflow_width300{
        text-overflow: ellipsis;width: 300px;overflow: hidden; white-space: nowrap;
    }.fontsize25{
        font-size:25px;
    }.float_right_width_100{
        float: right;width: 100%;
    }

    .meeting-hdg{
        padding: 20px 17px 15px;
    }

    .polls-inner-wrapper-new{
        padding: 0 15px;
    }

    .alltitle{
        font-size: var(--font-size-alt-medium);
    }

    .polls-detail-new-heading h4 a{
        color: var(--text-black);
        font-family: var(--font-family-regular);
    }

    .polls-detail-new-heading .poll_select_option_title{
        color: var(--text-darkgray);
        font-size: var(--font-size-medium);
    }

    .endTimerDiv{
        font-size: var(--font-size-alt-medium);
    }

    .join-meeting-btn{
        height: 45px;
        background-color: var(--bg-green);
        font-family: var(--font-family-SemiBold);
        color: var(--text-white);
        font-size: var(--font-size-alt-medium);
        line-height: 44px;
        display: flex;
        justify-content: center;
        align-content: center;
        margin-bottom: 10px;
    }

    .join-meeting-btn span {
        margin-right: 15px;
    }

    .margin_bottom{
        margin-bottom: 10px;
    }
     /*----------------------eAGM Mobile End-------------------------*/
}

@media (max-width:991px){
    .condolistPage #login-form-section .login-form .condoSelection .container .selection-tab ul li{
        width: 32.4%;
    }

    #wrapper.mob_dsk_view_sec #page-right-section{
        width: 100%;
    }
}

@media (max-width:767px){
    #page-right-section .main-section .maincontent .leftSecton .about_title{
        color: var(--text-black);
    }

    #page-right-section .main-section .fer_asia_contBox{
        border-bottom: 1px solid var(--border-color);
    }

    #page-right-section .main-section .maincontent .rightSecton.service_req_mobil_tc ul{
        padding-left: 15px;
    }
    
    #page-right-section .main-section .maincontent .rightSecton.service_req_mobil_tc ul li{
        line-height: 18px;
        margin-bottom: 12px;
    }
    
    #page-right-section .main-section .maincontent .rightSecton.service_req_mobil_tc ol{
        padding-left: 15px;
    }
    
    #page-right-section .main-section .maincontent .rightSecton.service_req_mobil_tc ol li{
        margin-bottom: 12px;
        line-height: 18px;
    }
    
    #page-right-section .main-section .maincontent .postDetails h4 , #page-right-section .main-section .maincontent .rightSecton h4 , #page-right-section .main-section .maincontent .rightSecton .notification-detail .left-check p{
        color: var(--text-black);
    }

    #page-right-section .main-section{
        padding: 3px 15px 0;
    }

    #page-right-section .main-section .maincontent .postDetails .service_req_det_accord .card{
        border: none;
        border-bottom: 1px solid var(--border-color);
        width: auto;
        max-width: none;
        padding: 12px 8px;
        border-radius: 0;
        padding: 12px 0 16px;
        margin-bottom: 0;
    }
    
    #page-right-section .main-section .maincontent .rightSecton{
        padding-left: 0;
    }

    #page-right-section .main-section .maincontent .rightSecton .tnc_form_group .field-dynamicmodel-termsandconditions{
        margin-top: 10px;
    }
    
    #page-right-section .main-section .maincontent .rightSecton .notification-detail .left-check:last-child{
        border-top: 1px solid var(--border-color);
        padding-top: 15px;
    }
    
    #page-right-section .main-section .maincontent .rightSecton .notification-detail .left-check .row .col-6:nth-child(odd){
        border-right: 1px solid var(--border-color);
    }
    
    #page-right-section .main-section .maincontent .rightSecton .notification-detail .left-check .col-6{
        flex-direction: column;
        align-items: flex-start !important;
    }

    #page-right-section .main-section .maincontent .rightSecton .notification-detail .left-check span{
        margin-right: 0;
        border: 1px solid var(--text-black);
    }
    
    #page-right-section .main-section .maincontent .rightSecton .notification-detail .left-check span.leftCheck_lastIcon{
        display: none;
    }

    #page-right-section .main-section .maincontent .rightSecton .notification-detail .left-check p{
        margin-top: 5px;
        word-break: break-word;
    }
    
    #page-right-section .main-section .maincontent .leftSecton .service_request_web_slider .carousel .carousel-indicators{
        margin-right: 35%;
        margin-left: 35%;
        padding: 3px 5px;
    }

    #page-right-section .main-section .maincontent .leftSecton .service_request_web_slider .carousel .carousel-indicators li{
        width: 12px;
        height: 12px;
    }

    #page-right-section .main-section .maincontent .leftSecton .service_request_web_slider .carousel .carousel-indicators li.active{
        width: 30px;
        height: 10px;
    }

    #page-right-section .main-section .maincontent .postDetails .service_req_det_accord .card .card-header h5 button img{
        transform: rotate(0deg);
    }
    
    #page-right-section .main-section .maincontent .postDetails .service_req_det_accord .card .card-header h5 button.collapsed img{
        transform: rotate(-90deg);
    }

    .condolistPage #login-form-section .login-form .condoSelection .container .selection-tab{
        margin: 15px 0;
    }

    .condolistPage #login-form-section .login-form .condoSelection .container .selection-tab ul li{
        width: 100%;
    }

    .tab-new-eagm-wapper .schedule-handler li{
        padding: 10px 8px;
        font-size: var(--font-size-medium);
    }

    #wrapper.mob_dsk_view_sec #page-left-section , #wrapper.mob_dsk_view_sec #page-right-section header{
        display: none;
    }

    #wrapper.mob_dsk_view_sec #page-right-section .main-section{
        padding: 20px 15px 0;
    }

    #wrapper.mob_dsk_view_sec #page-right-section .main-section .innerHeader .backsection span{
        margin-left: 0px;
        line-height: normal;
        top: -17px;
        font-size: var(--font-size-alt-medium);
    }

    #wrapper.mob_dsk_view_sec #page-right-section .main-section .innerHeader .backsection h3{
        margin-left: 0px;
        font-size: var(--font-size-alt-medium-large);
    }

    #wrapper.mob_dsk_view_sec #page-right-section .main-section input[type=checkbox]:checked+label, #wrapper.mob_dsk_view_sec #page-right-section .main-section input[type=checkbox]:not(:checked)+label {
        line-height: 18px;
        margin-bottom: 0;
        font-size: var(--font-size-alt-medium);
    }

    #wrapper.mob_dsk_view_sec #page-right-section .main-section .checkbox-row .checkboxes input[type="checkbox"]:not(:checked)+label:before, #wrapper.mob_dsk_view_sec #page-right-section .main-section .checkbox-row .checkboxes input[type="checkbox"]:checked+label:before{
        top: -1px !important;
    }

    .recipt-container{
        padding: 30px 15px;
    }

    .modal-header {
        align-items: center;
        padding: 16px 15px 10px;
    }

    .modal .modal-dialog .modal-body{
        padding: 10px 15px;
    }

    .modal-header h3 , .modal-header {
        font-size: var(--font-size-medium-large);
        font-family: 'SourceSansPro-SemiBold';
    }

    .form-group input[type=checkbox]:checked+label, .form-group input[type=checkbox]:not(:checked)+label , .mngapprochtext{
        padding-left: 32px;
    }

    .payment_info .span-info , .iliving-point label , .select-payemnt-method .payment-method-text{
        color: var(--text-darkgray);
        font-size: var(--font-size-alt-medium);
        line-height: normal;
    }

    .iliving-point textarea {    
        border: 1px solid var(--border-color);
        border-radius: var(--border-radius);
        font-size: var(--font-size-alt-medium);
        line-height: 20px;
        margin-top: 12px;
    }

    .payment-method-list label , .payment-method-list .form-group label{
        position: relative;
    }

    .payment-method-list .form-group input[type=checkbox]:not(:checked)+label:before , .payment-method-list .form-group .checkbox-row .checkboxes input[type="checkbox"]:checked+label:before{
        left: 0;
    }

    .payment-method-list .form-group input[type=radio]:checked+label, .payment-method-list .form-group input[type=radio]:not(:checked)+label , .payment-method-list .form-group input[type=checkbox]:checked+label, .payment-method-list .form-group input[type=checkbox]:not(:checked)+label{
        line-height: 22px;
        top: 0;
        font-size: var(--font-size-alt-medium);
        color: var(--text-black);
    }

    .payment-method-list .form-group input[type=checkbox] label{
        text-transform: unset;
    }

    .payment-method-list .form-group input[type=checkbox]:not(:checked)+label{
        color: var(--text-black);
    }

    .eagm-new-header-right{
        text-align: left;
        padding-left: 15px;
    }

    .form-group label, label, p , .onlineformmodel_description label, .onlineformmodel_description p{
        font-size: var(--font-size-alt-medium);
    }
  

    #unitList.modal .serachuser.searchfield{
        margin-bottom: 15px;
    }

    #unitList.modal .serachuser.searchfield input{
        height: 50px;
    }

    .signature-pad-footer {
        font-size: var(--font-size-medium);
        color: var(--text-dark-theme-secondary-color) !important;
        margin-top: 10px;
    }

    #wrapper.mob_dsk_view_sec #page-right-section .main-section .maincontent{
        margin-top: 75px;
    }

    #wrapper.mob_dsk_view_sec #page-right-section .main-section .innerHeader{
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        padding: 20px 15px 15px;
        background: var(--bg-lightgray);
        border-bottom: none;
        z-index: 1;
    }

    body #wrapper.mob_dsk_view_sec .btn.signature-pad-refresh{
        z-index: 0;
    }

    body.darkTheme-Mode #wrapper.mob_dsk_view_sec .paymentmethod.required #page-right-section .main-content .main-section .profile-gender .gender-options .form-group span label {
        top: -8px;
        line-height: normal;
        color: var(--text-white);
    }

    body.darkTheme-Mode , body.darkTheme-Mode .eagm-new-container {
        background-color: var(--bg-darktheme-black);
    }

    body.darkTheme-Mode .eagm-new-header{
        background: var(--inupt-dark-theme-bg);
    }

    /* body.darkTheme-Mode .tab-new-eagm-wapper .schedule-handler li.active {
        background-color: var(--bg-darktheme-blue);
    } */

    body.darkTheme-Mode #page-right-section .main-content{
        min-height: 100vh;
        height: auto;
    }

    #wrapper.mob_dsk_view_sec #page-right-section .main-section{
        padding: 8px 15px 0;
    }

    body.darkTheme-Mode .meet_lic_backbtn , body.darkTheme-Mode #page-right-section .main-section .maincontent .postDetails .service_req_det_accord .card .card-header h5 button img , body.darkTheme-Mode #page-right-section .main-section .maincontent .rightSecton .notification-detail .left-check span img , body.darkTheme-Mode .eagm-new-header-left a img , body.darkTheme-Mode .polls-right-new img , body.darkTheme-Mode #page-right-section .main-section .innerHeader .backsection a img , body.darkTheme-Mode #wrapper.mob_dsk_view_sec .visa_card_imgbox img, body.darkTheme-Mode #wrapper.mob_dsk_view_sec .card-delete{
        filter: invert(1);
    }
    
    body.darkTheme-Mode .tab-wrapper-schedule.day-wrapper-box.tab_tab_data div#unit-tab-requests.agenda.agenda-new ul li a .meeting-person-description-arrow img , body.darkTheme-Mode .schedule-inner-item-new .schedule-inner-right::after , body.darkTheme-Mode .choices[data-type*=select-one] .choices__button {
        opacity: 1;
        filter: invert(1);
    }

    body.darkTheme-Mode .eagm-new-header-right , body.darkTheme-Mode .payment_info .span-info, body.darkTheme-Mode .iliving-point label, body.darkTheme-Mode .select-payemnt-method .payment-method-text , body.darkTheme-Mode .payment-method-list .form-group input[type=checkbox]:not(:checked)+label , body.darkTheme-Mode .payment-method-list .form-group input[type=radio]:checked+label, body.darkTheme-Mode .payment-method-list .form-group input[type=radio]:not(:checked)+label, body.darkTheme-Mode .payment-method-list .form-group input[type=checkbox]:checked+label, body.darkTheme-Mode .payment-method-list .form-group input[type=checkbox]:not(:checked)+label , body.darkTheme-Mode ul li center , body.darkTheme-Mode #wrapper.mob_dsk_view_sec #page-right-section .main-section .innerHeader .backsection h3 , body.darkTheme-Mode #wrapper.mob_dsk_view_sec #page-right-section .main-section input[type=checkbox]+label , body.darkTheme-Mode #wrapper.mob_dsk_view_sec #page-right-section .main-section .innerHeader .backsection span , body.darkTheme-Mode .bookingtitle strong , body.darkTheme-Mode #page-right-section .main-section .maincontent .details_heading_imgBox .details_heading_content h4, body.darkTheme-Mode #page-right-section .main-section .maincontent .details_heading_content h4 , body.darkTheme-Mode .modal .modal-dialog .modal-body .modalbox-lg .modalboxheader h3 , body.darkTheme-Mode .form-group.formio-choices .form-control{
        color: var(--text-white);
    }

    body.darkTheme-Mode #page-right-section , body.darkTheme-Mode #page-right-section .main-section .maincontent .postDetails .service_req_det_accord .card , body.darkTheme-Mode #page-right-section .main-section .maincontent .postDetails .service_req_det_accord .card .card-header{
        background-color: var(--bg-darktheme-black);
    }

    body.darkTheme-Mode #page-right-section .main-section .maincontent .details_heading_imgBox .details_heading_content p , body.darkTheme-Mode #page-right-section .main-section .maincontent .leftSecton .about_title , body.darkTheme-Mode #page-right-section .main-section .maincontent .leftSecton .about_me_para, body.darkTheme-Mode #page-right-section .main-section .maincontent .postDetails h4, body.darkTheme-Mode #page-right-section .main-section .maincontent .rightSecton h4 , body.darkTheme-Mode #page-right-section .main-section .maincontent .postDetails .service_req_det_accord .card .card-header h5 , body.darkTheme-Mode #page-right-section .main-section .maincontent .postDetails .service_req_det_accord .card .card-header h5 button p , body.darkTheme-Mode .schedule-inner-item-new .schedule-inner-right h5, body.darkTheme-Mode .meeting-hdg , body.darkTheme-Mode span.meetin-content , body.darkTheme-Mode span.meetin-content p , body.darkTheme-Mode .custom-new-description-editor p , body.darkTheme-Mode .tab-wrapper-schedule.day-wrapper-box.tab_tab_data div#unit-tab-requests.agenda ul li a .user-pic , body.darkTheme-Mode .tab-wrapper-schedule.day-wrapper-box.tab_tab_data div#unit-tab-requests.agenda ul li a .content .eagm-new-content-counter , body.darkTheme-Mode .tab-wrapper-schedule.day-wrapper-box.tab_tab_data div#unit-tab1.participants ul li.participant-new-listing .occ-buttons a , body.darkTheme-Mode .polls-creater-new , body.darkTheme-Mode .polls-detail-new-heading h4 a , body.darkTheme-Mode .polls-voting-wrapper-new.author-condition.pollvotecount .bold , body.darkTheme-Mode .polls-wrapper-table table tr td , body.darkTheme-Mode #page-right-section .main-content .main-section .profile-gender .gender-options .form-group label , body.darkTheme-Mode #unitList.modal .serachuser.searchfield input , body.darkTheme-Mode .form-group input , body.darkTheme-Mode #page-right-section .main-section .maincontent .leftSecton .resident-list .form-group label, body.darkTheme-Mode #page-right-section .resident-list .form-group label , body.darkTheme-Mode .tab-new-eagm-wapper .schedule-handler .inner_tab_link .tab-meeting-heading , body.darkTheme-Mode .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title , body.darkTheme-Mode .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{
        color: var(--text-white);
    }

    body.darkTheme-Mode .form-group input::placeholder , body.darkTheme-Mode .form-group .form-control::placeholder , body.darkTheme-Mode input::placeholder{
        color: var(--text-dark-theme-secondary-color);
    }

    body.darkTheme-Mode .form-group .styledSelect{
        background-image: url('../images/upgrade-img/dark-theme-Arrow.svg');
        color: var(--text-white);
    }

    body.darkTheme-Mode .tab-new-eagm-wapper .schedule-handler .inner_tab_link , body.darkTheme-Mode .jconfirm .jconfirm-box{
        background: var(--inupt-dark-theme-bg);
    }

    /* body.darkTheme-Mode .tab-new-eagm-wapper .schedule-handler .inner_tab_link .tab-meeting-heading , body.darkTheme-Mode .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{
        color: var(--text-white);
    } */
    
    body.darkTheme-Mode .tab-new-eagm-wapper .schedule-handler .inner_tab_link.active .tab-meeting-heading{
        color: var(--text-green);
    }

    body.darkTheme-Mode .tab-new-eagm-wapper .schedule-handler .inner_tab_link svg , body.darkTheme-Mode .tab-new-eagm-wapper .schedule-handler .inner_tab_link svg path{
        fill: var(--text-white);
    }

    body.darkTheme-Mode #page-right-section .main-section .maincontent .rightSecton .notification-detail .left-check p , body.darkTheme-Mode #page-right-section .main-section .maincontent .postDetails .service_req_det_accord .card .card-body p , body.darkTheme-Mode #page-right-section .main-section .maincontent .rightSecton p.right_pata_text , body.darkTheme-Mode #page-right-section .main-section .maincontent .rightSecton p , body.darkTheme-Mode ul.schedule-inner-item.schedule-inner-item-new .schedule-inner-right p , body.darkTheme-Mode span.meetin-heading , body.darkTheme-Mode .agenda-time-schedue-eagm.agenda-time-schedue-eagm-minute , body.darkTheme-Mode .tab-wrapper-schedule.day-wrapper-box.tab_tab_data div#unit-tab1.participants ul li.participant-new-listing .gridcontent h3 , body.darkTheme-Mode .polls-wrapper-new .alltitle, body.darkTheme-Mode .polls-wrapper-new .alltitle a , body.darkTheme-Mode .polls-left-new .polls-creater-time , body.darkTheme-Mode .eagm-poll-status-wrapper li, body.darkTheme-Mode .polls-detail-new-heading .poll_select_option_title , body.darkTheme-Mode .booking-price  , body.darkTheme-Mode .modal .modal-dialog .modal-body .checkbox-row span , body.darkTheme-Mode #wrapper.mob_dsk_view_sec .paymentmethod.required .tnc_form_group .form-group .checkbox-row , body.darkTheme-Mode .form-group label{
        color: var(--text-dark-theme-secondary-color);
    }

    /* body.darkTheme-Mode #wrapper.mob_dsk_view_sec .paymentmethod.required .tnc_form_group .form-group .checkbox-row{
        color: var(--text-dark-theme-secondary-color);
    } */

    body.darkTheme-Mode .eagm-poll-status-wrapper li.eagmended::before {
        background-color: var(--bg-default);
    }

    body.darkTheme-Mode .content .alltitle{
        color: var(--text-dark-theme-secondary-color) !important;
    }

    body.darkTheme-Mode #page-right-section .main-section .maincontent .rightSecton .notification-detail .left-check p a{
        color: var(--text-link-secondary);
    }

    body.darkTheme-Mode #page-right-section .main-section .maincontent .rightSecton .notification-detail .left-check span {
        border: 1px solid var(--text-white);
    }

    body.darkTheme-Mode .loading-bg{
        opacity: 0.3 !important;
    }

    body.darkTheme-Mode .form-group input , body.darkTheme-Mode .form-group .floating-input:focus , body.darkTheme-Mode #directory-form-section .formio-form input[type="text"]{
        border-color: var(--border-dark-theme);
    }

    body.darkTheme-Mode .form-group input:disabled, body.darkTheme-Mode .form-group input[readonly]{
        background: var(--inupt-dark-theme-disable);
    }

    /* body.darkTheme-Mode .form-group label{
        color: var(--text-dark-theme-secondary-color);
    } */

    body.darkTheme-Mode .form-group.label-up label{
        background: transparent;
    }

    body.darkTheme-Mode .form-group.selectstaff {
        color: var(--text-white);
    }

    body.darkTheme-Mode #wrapper.mob_dsk_view_sec #page-right-section .main-section .innerHeader{
        background: var(--inupt-dark-theme-bg);
    }

    body.darkTheme-Mode #wrapper.mob_dsk_view_sec #page-right-section .main-section .innerHeader h3 , body.darkTheme-Mode #wrapper.mob_dsk_view_sec .modal .modal-content .modal-header h3{
        color: var(--text-white);
    }

    body.darkTheme-Mode #wrapper.mob_dsk_view_sec #page-right-section .main-section .innerHeader a.button-fill-primary-large.btnpaymentsubmit{
        border: 1px solid var(--border-color);
    }

    body.darkTheme-Mode #wrapper.mob_dsk_view_sec .tnc_form_group .form-group .checkbox-row p.help-block-error , body.darkTheme-Mode #wrapper.mob_dsk_view_sec .depositepaymentmethod.required p.help-block-error , body.darkTheme-Mode #wrapper.mob_dsk_view_sec .paymentmethod.required p.help-block-error{
        color: var(--text-error);
    }

    body.darkTheme-Mode #wrapper.mob_dsk_view_sec .recipt-container{
        background: var(--bg-default);
    }

    body.darkTheme-Mode #wrapper.mob_dsk_view_sec .modal .modal-content{
        background: var(--inupt-dark-theme-bg);
    }

    body #wrapper.mob_dsk_view_sec .receipt_left_mobSec .recipt-container{
        overflow: auto;
        min-height: calc(100vh - 105px);
        height: calc(100vh - 105px);
    }

    body.darkTheme-Mode .tab-new-eagm-wapper .schedule-handler .inner_tab_link.active svg , body.darkTheme-Mode .tab-new-eagm-wapper .schedule-handler .inner_tab_link.active svg path{
        fill: var(--bg-green);
    }

    body.darkTheme-Mode .sumof-total-paticipents-wrapper-box , body.darkTheme-Mode #eAgmDocumentModal .import-amenity-booking-submit.button-fill-primary-large{
        background-color: var(--bg-green);
    }

    body.darkTheme-Mode .choices[data-type*=select-one]:after{
        border-color: #fff transparent transparent transparent;
    }

    body.darkTheme-Mode #page-right-section .main-section .maincontent .rightSecton.concierge_detail_box .ser_request_content{
        color: var(--text-white);
        line-height: 20px;
    }
    .online_form_custom_style .online_form_custom_builder p p strong {
        font-size: var(--font-size-alt-medium);
        font-family: var(--font-family-SemiBold);
    }
    .payment_fomr_custom_style .bookingtitle strong{
        font-family: var(--font-family-SemiBold);
    }
    .payment_fomr_custom_style .bookingtitle strong , .payment_fomr_custom_style .booking-price span{
        font-size: var(--font-size-alt-medium);
    }#customConfirm.modal .modal-dialog, #customAlert.modal .modal-dialog, #customError.modal .modal-dialog, #customHeaderConfirm.modal .modal-dialog, #packageCollectpopup.modal .modal-dialog, #keycollection_nominee.modal .modal-dialog, #emaildialog.modal .modal-dialog {
        max-width: 100%;
    }
    .online_form_custom_builder input.flatpickr-mobile{
        padding: 14px 12px;
    }
    .form-control.flatpickr-input.flatpickr-mobile{
        text-align-last: left !important;
    }
    body.darkTheme-Mode .online_form_custom_style .content label ,body.darkTheme-Mode .online_form_custom_style .content p{
        color: var(--text-white);
    }
    body.darkTheme-Mode .choices__list--dropdown, body.darkTheme-Mode .choices__list[aria-expanded]{
        background-color: var(--inupt-dark-theme-bg);
    }
    body.darkTheme-Mode .choices__list--dropdown .choices__item span, body.darkTheme-Mode .choices__list[aria-expanded] .choices__item span ,  body.darkTheme-Mode .choices__list--dropdown .choices__item,  body.darkTheme-Mode .choices__list[aria-expanded] .choices__item{
        color: var(--text-white);
    }
    body.darkTheme-Mode .choices[data-type*=select-one] .choices__input{
        background-color: transparent;
    }
    body.darkTheme-Mode .choices__list--dropdown .choices__item--selectable.is-highlighted, body.darkTheme-Mode .choices__list[aria-expanded] .choices__item--selectable.is-highlighted{
        background-color: var(--bg-darkgray);
    }
    body.darkTheme-Mode .online_form_custom_builder .input-group .input-group-append .input-group-text{
        filter: invert(1);
    }
    body.darkTheme-Mode .online_form_custom_style .online_form_custom_builder p span strong{
        color: var(--border-dark-theme);
    }
    body.darkTheme-Mode .online_form_custom_style .content .online_form_custom_builder fieldset legend{
        color: var(--text-white);
    }
    body.darkTheme-Mode  .formio-component-file .list-group-item {
        border: 1px solid var(--border-color);
        background: transparent;
        color: var(--text-white);
    }
}

@media (min-width: 576px){
    #packageCollectpopup.modal .modal-dialog {
        min-height: calc(100% - 3.5rem);
        justify-content: center;
        align-items: center;
        display: flex;
    }
}

@media (max-width: 320px){
    .tab-new-eagm-wapper .schedule-handler li{
        padding: 10px 6px;
    }

    .tab-new-eagm-wapper .schedule-handler .inner_tab_link{
        font-size: var(--font-size-small);
    }
}

/*----------------------Responsive-------------------------*/