/*body{*/
/*    font-family: 'Nunito', sans-serif;*/
/*    !*font-size: 14px;*!*/
/*}*/
body,
#wrapper {
    overflow: unset;
}
.relative{
    position: relative;
}
@media (min-width: 768px) {
    .navbar-static-side {
        z-index: 1;
    }
}
.minimalize-styl-2 {
    margin: 14px 5px 5px 10px;
}
.extra-navbar {
    display: none;

}
.extra-navbar .navbar-minimalize{
    margin: 15px 0;
    margin-left: 15px;
}
body.body-small:not(.mini-navbar) .extra-navbar {
    display: inline-block;
}


/* =====================
* Amenity Starts
===========================*/
.text-purple {
    color: #6462c5;
}
.nav.navbar-right li {
    margin-left: 10px;
}

.nav-btn-right {
    padding: 5px !important;
    min-height: auto !important;
}

.file-upload-form {
    border: 4px solid #a1a1a1;
    margin-top: 15px;
    padding: 20px;
}

#progress-bar-close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: none;
}

@media screen and (min-width: 992px) {
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        float: right;
        margin-right: 7px;
    }
}

.page-item.disabled .page-link {
    background-color: #ececec;
}
ul.pagination li.page-item.disabled {
    cursor: no-drop;
}

.text-strong label {
    font-weight: bold;
}

.remove-categories {
    cursor: pointer;
}

td.break,
th.break {
    overflow: hidden;
    max-width: 500px;
    word-wrap: break-word;
}

#addCategoryModal span.select2-container {
    width: 100% !important;
}

.form-group.required:after {
    content: "*";
    position: absolute;
    right: 22px;
}

form label.required:after {
    color: #cf3030;
    content: " *";
}

.d-none-soft {
    display: none;
}
.form-control.is-invalid.imp {
    border-color: #dc3545 !important;
}
/* =====================
* Amenity Frontend Starts
===========================*/
.amenity-review {
    width: 100%;
}
.amenity-header {
    background-color: rgba(0, 0, 0, 0.03);
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    margin-right: -15px;
    margin-left: -15px;
}
.amenity-header h5 {
    font-size: 1.25rem;
}
.amenity-body {
    margin: 15px 15px 0px 15px;
}
.amenity-body .category-box {
    height: 500px;
    overflow-y: scroll;
}
#unitTypeNoteModalForm ul.treeview > li,
.unit-type-box ul.treeview > li {
    padding: 0px;
}
.amenity-label {
    margin-bottom: 5px;
}
.amenity-label a.btn-xs {
    position: absolute;
    /*right: 15px;*/
    top: -3px;
}
h5.card-header {
    margin-top: 0px;
}

.amenity-review-table th {
    background: #f5f5f6;
}

/*#amenityReviewTable{*/
/*  width: auto !important;*/
/*  !*margin:0 auto;*!*/
/*}*/
.amenity-review-table td,
.amenity-review-table th {
    cursor: pointer;
}
.amenity-review-table td.checkedCell,
.matrix-table td.checkedCell {
    border: 1px solid #00bfff;
}

.amenity-review-table td.editingCell {
    background: #8ad8ca !important;
}

#amenityTableOuterDiv {
    display: flex;
    justify-content: left;
    margin-top: 15px;
    margin-left: -10px;
    flex-direction: row;
    flex-wrap: wrap;
    /*overflow-y: scroll;*/
    /*height: -webkit-calc(100vh - 10rem);*/
    /*height: -moz-calc(100vh - 10rem);*/
    /*height: calc(100vh - 10rem);*/
}

#amenityTableOuterDiv .all-buildings {
    /*margin-right: 19px;*/
    max-width: 100%;
    padding-right: 15px;
}
#amenityTableOuterDiv.verticalAmenityTableOuterDiv .all-buildings {
    padding-right: 0px;
}

/*.floorStackColSmall #amenityTableOuterDiv .all-buildings{*/
/*    max-width: 62%;*/
/*}*/
/*.floorStackColLarge #amenityTableOuterDiv .all-buildings{*/
/*    max-width: 75%;*/
/*}*/
/*body.mini-navbar .floorStackSmall #amenityTableOuterDiv .all-buildings{*/
/*    max-width: 67%;*/
/*}*/
/*body.mini-navbar .floorStackColLarge #amenityTableOuterDiv .all-buildings{*/
/*    max-width: 77%;*/
/*}*/
/*.verticalAmenityTableOuterDiv{*/
/*    flex-direction: row !important;*/
/*    flex-wrap: wrap !important;*/
/*}*/
/*.verticalAmenityTableOuterDiv .all-buildings{*/
/*    margin-right: 20px;*/
/*}*/

.amenityTableBoxClass {
    margin: 5px 0px 15px;
    position: relative;
    /*max-height: 500px;*/
    /*  max-height: calc(100vh - 150px);*/
    /*display: flex;*/
    /*justify-content: center;*/
}

#amenityTableContainer {
    padding: 0px;
    /*height:100%;*/
}

.amenity-review-table {
    /*padding: 15px; */
    margin-top: -2px;
    margin-left: -3px;
    margin-bottom: 0px;
    width: auto !important;
}
.amenityReviewDiv {
    margin-top: 7px;
    margin-left: 20px;
    overflow: scroll;
    /*min-height:7em;*/
    /*max-height: calc(100vh - 10rem);*/
    /*max-height: -webkit-calc(100vh - 10rem);*/
    /*max-height: -moz-calc(100vh - 10rem);*/
}

#amenityReviewTable {
    width: 100%;
}
.unit-title {
    background: #c3c3c3;
    text-align: center;
    padding: 5px 0px;
    margin: -8px -9px 2px -9px;
}
.non-unit {
    background-color: #676767;
}
.text-non-category {
    color: #bfbfbf;
}
.top-header-class,
.left-header-class {
    color: #bdbdbd;
    font-size: 11px;
}
.top-header-class {
    /*left: 45%;*/
    /*margin-left: 10px;*/
    margin-top: 5px;
    letter-spacing: 2px;
    top: 0px;
}
.left-header-class {
    position: absolute;
    writing-mode: vertical-rl;
    text-orientation: upright;
    margin: 0px 0px 0px 0px;
    left: 0px;
    letter-spacing: -1px;
}

/* Tooltip container */
.atooltip {
    position: relative;
    xdisplay: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.atooltip .atooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the atooltip container */
.atooltip:hover .atooltiptext {
    visibility: visible;
}

.ht:hover .btooltip {
    display: block;
}

.btooltip {
    display: none;
    color: red;
    margin-left: 28px; /* moves the tooltip to the right */
    margin-top: 15px; /* moves it down */
    position: absolute;
    z-index: 1000;
    background-color: black;
}

.filter-box {
    padding: 0.75rem 0.5rem;
}
/*#editUnitBlock{*/
/*  position: sticky;*/
/*  position: -webkit-sticky;*/
/*  top: 0; !* required *!*/
/*}*/
#editUnitBlock,
#multipleSelectedUnitBlock {
    display: none;
    position: relative !important;
}
#editUnitBlock .ibox-content,
#multipleSelectedUnitBlock .ibox-content {
    padding: 25px 0px 10px 0px;
    border: 0px;
}
#editUnitBlock .fa,
#multipleSelectedUnitBlock .fa {
    font-size: 17px;
}
#unitAmenitiesList .fa,
#selectedUnitAmenitiesList .fa {
    margin-top: 10px;
}
.editable input {
    width: 100% !important;
}
.pad-15 {
    padding: 15px;
}
.panel-light-white {
    background: #fafafa;
}
/** x-editable */
.editable-container {
    left: 75% !important;
}
.editable-error-block {
    display: none !important;
}
div.editUnitAmenityList,
div.editSelectedUnitAmenityList {
    color: #000000;
    border: 1px solid #c3c3c3;
    padding: 3px;
    cursor: pointer;
}

.text-lime {
    color: #2cbe4e !important;
}
.text-lime:hover,
.text-lime:focus {
    color: #279f43 !important;
}

.text-updated {
    color: #1843f5 !important;
    font-weight: bold;
}
.text-negative {
    color: #d83131 !important;
}
.text-added {
    color: #3ec10d;
    font-weight: bold;
}
.text-deleted {
    /*color: #3ec10d !important;*/
    color: #de616a;
    font-weight: bold;
}
.text-positive-change {
    color: #52b096 !important;
}
.text-negative-change {
    color: #de616a !important;
}
.td-unit-type {
    background: #c0c0c0 !important;
    color: #ffffff;
}
.btn-close-unit,
.btn-close-selected-unit {
    background: #585858;
    left: -1%;
    position: absolute;
    top: 4%;
    width: 20px;
    height: 20px;
    padding: 0px;
    color: #ffffff;
}
@media screen and (min-width: 1024px) {
    .btn-close-unit,
    .btn-close-selected-unit {
        top: 20px;
    }
}
#btn-close-unit-right {
    background: #585858;
    right: 2%;
    position: absolute;
    top: -1%;
    width: 20px;
    height: 20px;
    padding: 0px;
    color: #ffffff;
}

.fa-small {
    font-size: 12px !important;
}

/** Duplicate of ibox-content and sk-loading combo*/
.spinner-content > .sk-spinner {
    display: none;
}
.spinner-content.sk-loading {
    position: relative;
}
.spinner-content.sk-loading:after {
    content: "";
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.spinner-content.sk-loading > .sk-spinner {
    display: block;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    z-index: 2000;
}
/**loading Button starts**/
.ks-spinner {
    display: none;
}
.btn.ks-loading {
    cursor: not-allowed;
    pointer-events: none;
}
.btn.ks-loading .ks-spinner {
    display: inline-block;
}
.btn.ks-loading.btn-primary {
    background-color: #18a689;
}
/**loading Button ends**/

.branch {
    display: none;
}
ul.branch > li {
    padding: 0 0 0 12px;
}
.highlightedAmenity .cat-name {
    font-weight: bold;
}

/*.catFilterCol{*/
/*   min-width: 30%;*/
/* }*/
/*.floorStackCol{*/
/*  max-width: 70%;*/
/*}*/

.category-box .card-body {
    padding: 5px 3px 0px 10px;
}

@media (max-width: 1228px) {
    ul.branch {
        padding-left: 15px;
    }
}

.catFilterCol {
    /*max-width: 16.666667%;*/
    padding-left: 0px;
}

@media (min-width: 1310px) and (max-width: 1350px) {
    .catFilterCol .card-footer {
        font-size: 8px;
    }
}
@media (min-width: 1276px) and (max-width: 1310px) {
    .catFilterCol .card-footer {
        font-size: 5px;
    }
}

@media (min-width: 992px) {
    .floorStackColLarge {
        max-width: 83.333333%;
        padding: 0px;
    }
    .floorStackColSmall {
        max-width: 58.333333%;
    }
    .editUnitBlockCol,
    .multipleSelectedUnitBlockCol {
        max-width: 25%;
    }
}

@media (max-width: 1276px) {
    .catFilterCol {
        /*min-width: 20%;*/
    }
    /*.floorStackColLarge{*/
    /*  max-width: 80%;*/
    /*}*/
    /*.floorStackColSmall{*/
    /*  max-width:55%;*/
    /*}*/
    /*.editUnitBlockCol,*/
    /*.multipleSelectedUnitBlockCol{*/
    /*  max-width: 25%;*/
    /*}*/
}
@media (max-width: 1024px) {
    .catFilterCol {
        /*min-width: 25%;*/
    }
    /*.floorStackColSmall, .floorStackColLarge{*/
    /*  max-width: 75%;*/
    /*}*/
    /*.editUnitBlockCol,*/
    /*.multipleSelectedUnitBlockCol{*/
    /*  min-width: 100%;*/
    /*}*/
}
.review-table {
    width: auto !important;
    min-width: 100%;
    /*max-width: auto;*/
}
.review-table th,
.review-table td {
    /*min-width: 150px;*/
}
.outerReviewTable {
    overflow: auto;
    /*max-height: 600px;*/
}
.swal2-container {
    z-index: 3000 !important;
}

.scrollable-modal-body {
    max-height: -moz-calc(90vh - 500px);
    max-height: -webkit-calc(90vh - 500px);
    max-height: calc(90vh - 500px);
    overflow-y: auto;
}
/*.modal-backdrop {*/
/*  display:none;*/
/*}*/

#unitListModal {
    width: 300px;
    max-height: 420px;
    left: 400px;
    top: 200px;
}
#unitListModal .modal-dialog {
    margin: 0px;
}

.card.unitAmenity .card-body {
    padding-bottom: 0px;
}
.card.unitAmenity table#unitAmenityTable {
    margin-bottom: 0px;
}
.unitAmenity #unitNote {
    width: 90%;
    margin: 0 auto 10px;
}

#save_unit_note {
    position: absolute;
    top: 10px;
    right: 35px;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    opacity: 0.4 !important;
}

th.min-150 {
    min-width: 150px;
}
th.min-130 {
    min-width: 130px;
}

.building-name {
    background: #999999;
    color: #fff;
    border-radius: 2.25px;
    margin-left: 1rem;
    padding: 3px 6px;
}
@media (min-width: 414px) {
    .building-name {
        margin-left: 2rem;
    }
}

@media (min-width: 768px) {
    .building-name {
        margin-left: 2.5rem;
    }
}

.jqueryTreeview ul {
    padding-left: 0px;
}
.jqueryTreeview .checkbox {
    padding-left: 5px;
}

.jqueryTreeview label {
    padding-left: 3px;
    margin-bottom: 5px;
    max-width: 100%;
    word-wrap: break-word;
    vertical-align: top;
    display: inline;
}

.treeview li {
    padding: 0 0 0 15px;
    background-size: 16px 16px;
}
.jqueryTreeview {
    font-size: 12px;
}
treeview li.contains-items {
    height: 20px;
    margin-top: -5px;
}
.treeview > li:hover {
    cursor: pointer;
    background-size: 16px 16px;
}

.treeview span.has-node-icon {
    background-size: 16px 16px;
}

.jqueryTreeview input[type="checkbox"] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    background: #fff;
    height: 16px;
    width: 16px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.jqueryTreeview input[type="checkbox"]:checked {
    background: #fff;
}

.jqueryTreeview input[type="checkbox"].affordable_checkbox {
    background: #ecd9fd;
    /*#ffffb3;*/
}

.jqueryTreeview input[type="checkbox"].affordable_checkbox:checked {
    background: #cda2f2;
}

.jqueryTreeview input[type="checkbox"].normal_unit_type_checkbox {
    background: #e7e7e7;
    /*#ffffb3;*/
}
.jqueryTreeview input[type="checkbox"].normal_unit_type_checkbox:checked {
    background: #c0c0c0;
}

.jqueryTreeview input[type="checkbox"]:hover {
    filter: brightness(95%);
}

.jqueryTreeview input[type="checkbox"]:disabled {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.jqueryTreeview input[type="checkbox"]:after {
    content: "";
    position: relative;
    left: 40%;
    top: 20%;
    width: 15%;
    height: 40%;
    border: solid #000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    display: none;
    box-sizing: content-box;
}

.jqueryTreeview input[type="checkbox"]:checked:after {
    display: block;
}

.jqueryTreeview input[type="checkbox"]:disabled:after {
    border-color: #7b7b7b;
}

td.affordable-unit {
    background-color: #cda2f2;
    color: #ffffff;
}
#floorStackTable table,
#matrixTable table {
    border-collapse: separate;
}
#unitAmenitiesLoading {
    top: 15px;
}

.download-box {
    padding-right: 18px;
}

.btn-xxs {
    font-size: 0.6rem;
    padding: 0.1rem 0.2rem;
}

#flipAxis {
    /*padding: 10px 8px;*/
    /*margin-top: 4px;*/
}

/*#selectedUnitAmenitiesList .highlightedAmenityBox div.row*/
.highlightedAmenityBox div.row .cat-name {
    font-weight: bold;
}
.unselectedAmenity {
    /*display: none;*/
}

.building-unit-count,
#totalUnitsCount {
    color: #999999;
    margin-top: 3px;
    /*margin-right: 9px;*/
    /*padding: 3px 4px;*/
}

#floorStackTable #totalUnitsCount {
    position: absolute;
    top: 15px;
    right: 0px;
}
#floorStackTable.floorStackColSmall #totalUnitsCount {
    right: 15px;
}
/*amenity checkbox in property received file column starts*/
.checkbox.amenity-checkbox {
    padding-left: 5px;
}
.checkbox.amenity-checkbox label {
    /*margin-left: -2px;*/
    margin-top: -7px;
    margin-right: -4px;
    padding: 0px;
}
.checkbox.amenity-checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 15px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox.amenity-checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 9px;
    color: #555555;
}
.amenity-checkbox.checkbox-primary
    input[type="checkbox"]:checked
    + label::before,
.amenity-checkbox.checkbox-primary input[type="radio"]:checked + label::before {
    background-color: #17a2b8;
    border-color: #17a2b8;
}
/*amenity checkbox in property received file column ends*/

#deleteUploadedFileBlock {
    font-weight: normal;
}
.bg-dark-grey {
    background-color: rgba(0, 0, 0, 0.05) !important;
}
.floorOffsetTableContainer {
    height: -webkit-calc(100vh - 5rem);
    height: -moz-calc(100vh - 5rem);
    height: calc(100vh - 5rem);
    overflow-y: scroll;
}
.floor-offset-table thead th {
    z-index: 1;
}

pre.sa-error {
    text-align: left;
    color: #df4554;
}

.errTable {
    border: 1px solid #dc3646;
}
.err_msg {
    width: 100%;
    font-size: 80%;
    color: #dc3545;
    font-weight: bolder;
    margin-top: 0.25rem;
}
.addNewRowRepeater {
    position: absolute;
    /*bottom: 6.7rem;*/
    bottom: 4rem;
    right: 8%;
}

@media screen and (min-width: 720px) {
    .addNewRowRepeater {
        right: 6%;
    }
}

@media screen and (min-width: 768px) {
    .addNewRowRepeater {
        right: 8%;
    }
}
@media screen and (min-width: 927px) {
    .addNewRowRepeater {
        right: 6%;
    }
}
@media screen and (min-width: 1048px) {
    .addNewRowRepeater {
        bottom: 8.75%;
        right: 12%;
    }
}

.multiselect-container > li > a {
    padding: 0px !important;
    border-radius: 0px;
}
.multiselect-container > li > a > label {
    /*padding: 0px !important;*/
    padding: 0px 5px 0px 10px !important;
    width: 100%;
    vertical-align: middle;
}
.multiselect-container > li > a > label.checkbox input[type="checkbox"] {
    opacity: 1;
    vertical-align: bottom;
    width: 14px;
    height: 14px;
}
button.multiselect.dropdown-toggle {
    text-align: left;
}
button.multiselect.dropdown-toggle > b.caret {
    display: none;
}
ul.multiselect-container.dropdown-menu {
    /*min-width: 3rem;*/
    /*max-width: 20rem;*/
    max-height: 30rem;
    overflow-y: scroll;
    white-space: normal;
}
.multiselect-nowrap ul.multiselect-container.dropdown-menu > li > a {
    white-space: nowrap;
}
.property-multi-select ul.multiselect-container.dropdown-menu {
    /*min-width: 8rem;*/
}
.multiselect-native-select div.btn-group {
    width: auto !important;
}
.bg-light-grey {
    background: #bdbdbd;
}
.text-light-grey {
    color: #bdbdbd;
}
.text-dark-grey {
    color: #808080;
}
#propertyDatatable {
    width: 100% !important;
}

.mini-navbar .navbar-static-top .navbar-header a.btn {
    background-color: #a0a6ab !important;
    border-color: #a0a6ab;
}

.jqueryTreeview > ul.treeview {
    overflow: inherit;
    margin-bottom: 0px;
}

/*.bigdrop.select2-container .select2-results {max-height: 300px;}*/

.select2-container--default .select2-results > .select2-results__options {
    max-height: 300px;
}

label.save-mapping {
    vertical-align: middle !important;
}
#mapping_template_name {
    width: 70%;
    vertical-align: top;
}

.custom-control-label::before,
.custom-control-label::after {
    top: 0.8rem;
    width: 1.25rem;
    height: 1.25rem;
}
.fa-exc {
    font-size: 28px;
    margin-left: 2px;
}
.floor-stack-ibox .ibox-title,
.apr-ibox .ibox-title,
.fp-ibox .ibox-title {
    /*padding: 2px 8px 8px 8px;*/
    /*padding: 15px 90px 8px 15px;*/
    padding: 2px 15px 8px 15px;
}

.am-header {
    display: inline-block;
    margin-top: 20px;
    margin-left: 10px;
}

.logo-element {
    font-size: 13px;
    padding: 0px;
}
a.navbar-minimalize.position-absolute {
    top: -10px;
    right: -15px;
}

.fsb-table,
.amenity_db_table {
    border-collapse: separate;
    border-spacing: 5px;
    display: inline-block;
}
.dark-border td.property-lists {
    background: #fff;
    padding: 0 0 0 6px !important;
    border: 0px;
    font-style: italic;
    vertical-align: middle;
}
.dark-border thead,
.dark-border tbody,
.dark-border tr,
.dark-border td {
    /*border: 1px solid #7F8C8D !important;*/
    padding: 12px 24px !important;
    background: #f1f1f1;
    color: #000;
    cursor: pointer;
}
td.singleCell,
td.single-cell {
    width: 10px;
}

.original_col_position {
    position: absolute;
    background-color: #ffff00;
    padding: 2px;
    font-size: 8px;
    bottom: 0px;
    left: 0px;
}

.sm-box {
    width: 12px;
    height: 12px;
    margin-right: 2px;
    /*vertical-align: middle;*/
}

.box {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.ignore-color,
.fsb-table tbody > tr > td[data-type="ignore"] {
    background: #999999 !important;
}

.building-color,
.fsb-table tbody > tr > td[data-type="building"] {
    background: #70b2fd !important;
}
.floor-color,
.fsb-table tbody > tr > td[data-type="floor"] {
    background: #51b096 !important;
}
.stack-color,
.fsb-table tbody > tr > td[data-type="stack"] {
    background: #de616a !important;
}
.unit-color,
.fsb-table tbody > tr > td[data-type="unit"] {
    background: #90ee90 !important;
}
.unit-type-color,
.fsb-table tbody > tr > td[data-type="unit_type"] {
    background: #c0c0c0 !important;
}
.unit-sqft-color,
.fsb-table tbody > tr > td[data-type="unit_sqft"] {
    background: #ef5934 !important;
}
.standalone-color,
.fsb-table tbody > tr > td[data-type="standalone"] {
    background: #23c6c8 !important;
}
.unit-note-color {
    background: #6eabff !important;
}

.ub-table tbody td {
    position: relative;
}
/*.ub-table tbody{*/
/*    margin: 20px !important;*/
/*    padding: 20px !important;*/
/*}*/
.catAmCol {
    display: flex;
    flex-wrap: wrap;
}
.catAmCol a.btn {
    min-width: 70px;
    margin-right: 10px;
    margin-bottom: 10px;
}
@media screen and (min-width: 1300px) {
    .catAmCol a.btn {
        margin-right: 20px;
    }
}
.catAmCol .btn-xs {
    padding: 0.1rem 0.2rem;
}
.selectionTypeCol .btn-link:hover {
    color: initial;
}
.selectionTypeCol a.selected .btn-link {
    color: #1ab394;
}
/*.swal2-container .swal2-left {*/
/*    align-items: left !important;*/
/*    text-align: left;*/
/*}*/
.swal2-container.swal2-left ul {
    text-align: left !important;
}
span.new-category-text {
    background: #ffffff;
    color: #50b096;
    padding-right: 5px;
    padding-left: 5px;
    margin-left: 5px;
    border-radius: 5px;
}

/*.delete_acm{*/
/*    cursor: pointer;*/
/*}*/

.title-action-element {
    margin-top: 19px;
}
.floor-offset-table div.radio label::before,
.floor-offset-table div.checkbox label::before {
    margin-top: -5px !important;
}
.floor-offset-table div.radio label::after,
.floor-offset-table div.checkbox label::after {
    margin-top: -5px !important;
}

.table > thead > tr.border-bottom-none > th {
    border-bottom: 0px solid #dddddd !important;
}
.table > thead > tr.border-top-none > th {
    border-top: 0px solid #dddddd !important;
}

.bt-4 {
    border-top: 4px solid #cccccc !important;
}
.br-4 {
    border-right: 4px solid #cccccc !important;
}
.bb-4 {
    border-bottom: 4px solid #cccccc !important;
}
.bl-4 {
    border-left: 4px solid #cccccc !important;
}
table.floor-offset-table tr:last-child td.last-row-bb {
    border-bottom: 4px solid #cccccc !important;
}
.mini-navbar .minimalize-styl-2 {
    margin: 31px auto 31px;
    float: none;
}
.mini-navbar .nav.metismenu > li {
    text-align: center;
}
.impact-div {
    padding: 6px 4px;
    height: 2.05rem;
    background: #a9a9a9;
    border-radius: 3px;
    width: 100%;
    display: flex;
    margin: 0px !important;
}
.impact-div > div:last-child {
    margin-left: auto;
}
.impact-box {
    background: #fff;
    border-radius: 2px;
    padding: 3px 3px 0 20px;
    margin-top: -2px;
    margin-bottom: -2px;
    /*min-width: 45%;*/
    color: #999999;
}
.impact-text {
    color: #ffffff;
}

/** APR Category box*/

.apr-category-box {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}
.apr-category-box .single-category-container a:hover {
    color: #ffffff;
}
.apr-category-box .single-category-container .header-row {
    background-color: #1da1f2;
    color: #ffffff;
    border-radius: 0.25rem;
    border: 3px solid #1da1f2;
    font-weight: bold;
}
.apr-category-box .single-category-container .header-row.collapsed {
    color: #5cc0de;
    background-color: #ffffff;
    border: 3px solid #5cc0de;
}
.apr-category-box .single-category-container .collapsed .review-btn {
    display: none;
}
.apr-category-box .btn-white {
    color: #1da1f2;
    font-size: 0.7rem;
    padding: 0.1rem 0.8rem;
}
.apr-category-box .radio label,
.apr-category-box .checkbox label {
    vertical-align: top;
}
.apr-category-box .single-category-container {
    margin-bottom: 0.7rem;
}

/* .table-borderless thead tr th,
.table-borderless tbody tr th,
.table-borderless tbody tr td {
    border: none !important;
} */

.table.table-borderless > thead > tr > th,
.table.table-borderless > tbody > tr > th,
.table.table-borderless > tfoot > tr > th,
.table.table-borderless > thead > tr > td,
.table.table-borderless > tbody > tr > td,
.table.table-borderless > tfoot > tr > td {
    border: none;
}

#aprTableContainer .sk-spinner {
    margin-top: 10em;
}
.aprFilterCol {
    padding-top: 15px;
}
.apr-category-box {
    background-color: #f5f5f5;
    /*min-height: 25em;*/
    /*overflow-y: auto;*/
    padding: 0px 12px 15px 8px;
}
/*.apr-category-box:hover,*/
/*.apr-category-box:focus{*/
/*    overflow-y: overlay;*/
/*}*/
/*.apr-category-box #accordion {*/
/*    min-height: 47em;*/
/*}*/
.sb-style-1::-webkit-scrollbar {
    width: 4px;
    background-color: #f5f5f5;
}
.sb-style-1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient(left, #96a6bf, #63738c);
    box-shadow: inset 0 0 1px 1px #5c6670;
}
.sb-style-1::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #eee;
    box-shadow: 0 0 1px 1px #bbb, inset 0 0 7px rgba(0, 0, 0, 0.1);
}
.xs-swal-text {
    color: #dc3545;
    font-size: 12px;
}
.blink-text {
    color: orangered;
    font-weight: bold;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes blinker {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.btn-circle-size {
    width: 40px;
    height: 40px;
    /*padding: 10px 12px;*/
    font-size: 10px;
    border-radius: 50%;
    line-height: 1.33;
}
.chance-diff-container {
    display: flex;
}
.chance-dff-item {
    flex: 1 1 0;
    width: 0;
    text-align: center;
}
.chance-dff-item .btn {
    background-color: #46a1ec;
    color: #ffffff;
}
.text-check {
    color: #0ebf01;
}
.apr-status {
    font-size: 1.7em;
}
.apr-subscription-error-box {
    /*height: 200px;*/
    text-align: center !important;
}
.apr-subscription-error-box p {
    padding: 10%;
}
.min-70 {
    min-width: 70px;
}
.min-80 {
    min-width: 80px;
}
.min-90 {
    min-width: 90px;
}
.min-100 {
    min-width: 100px;
}
.min-150 {
    min-width: 150px;
}
.min-200 {
    min-width: 200px;
}
.min-250 {
    min-width: 250px;
}
/*.active-select2{*/
/*    background-color: red;*/
/*}*/
.select2-results,
.select2-search--dropdown,
.select2-container--default.select2-container--open.select2-container--below
    .select2-selection--single {
    background-color: #d7d7d7;
    border-color: #c7c7c7;
    border-style: solid;
}

.select2-container--default.select2-container--open.select2-container--below
    .select2-selection--single {
    border-width: 2px 2px 0 2px;
}
.select2-search--dropdown {
    border-width: 0 2px 0 2px;
}
.select2-results {
    border-width: 0px 2px 2px 2px;
}

.toggle-password {
    cursor: pointer;
}
.ks-checkbox.checkbox.checkbox-mtm-on-notice input[type="checkbox"]:checked + label::before,
.ks-checkbox.checkbox.checkbox-mtm-on-notice input[type="radio"]:checked + label::before {
    border-color: lime;
}
.ks-checkbox.checkbox.checkbox-mtm-on-notice input[type="checkbox"]:checked + label::after,
.ks-checkbox.checkbox.checkbox-mtm-on-notice input[type="radio"]:checked + label::after {
    background-color: lime;
}
.checkbox-vacant-ready input[type="checkbox"]:checked + label::before,
.checkbox-vacant-ready input[type="radio"]:checked + label::before {
    background-color: #fc5846;
    border-color: #fc5846;
}
.checkbox-vacant-ready input[type="checkbox"]:checked + label::after,
.checkbox-vacant-ready input[type="radio"]:checked + label::after {
    color: #fff;
}
.checkbox-vacant-unavailable input[type="checkbox"]:checked + label::before,
.checkbox-vacant-unavailable input[type="radio"]:checked + label::before {
    background-color: #ff9a2d;
    border-color: #ff9a2d;
}
.checkbox-vacant-unavailable input[type="checkbox"]:checked + label::after,
.checkbox-vacant-unavailable input[type="radio"]:checked + label::after {
    color: #fff;
}
.checkbox-on-notice input[type="checkbox"]:checked + label::before,
.checkbox-on-notice input[type="radio"]:checked + label::before {
    background-color: #f5e640;
    border-color: #f5e640;
}
.checkbox-mtm-on-notice input[type="checkbox"]:checked + label::before,
.checkbox-mtm-on-notice input[type="radio"]:checked + label::before {
    background-color: lime;
    border-color: lime;
}
.checkbox-mtm-on-notice input[type="checkbox"]:checked + label::after,
.checkbox-mtm-on-notice input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-on-notice input[type="checkbox"]:checked + label::after,
.checkbox-on-notice input[type="radio"]:checked + label::after {
    color: #fff;
}

table.ks-building-table td.vacant-ready,
table.amenity-review-table td.vacant-ready{
    background-color: #fc5846;
    color: #ffffff;
}
td.vacant-ready .text-negative{
    color: #ffff !important;
}
table.ks-building-table td.vacant-unavailable,
table.amenity-review-table td.vacant-unavailable
{
    background-color: #ff9a2d;
    color: #ffffff;
}
table.ks-building-table td.on-notice,
table.amenity-review-table td.on-notice
{
    background-color: #f5e640;
}
table.ks-building-table td.mtm-on-notice,
table.amenity-review-table td.mtm-on-notice {
    background-color: lime;
}


table.ks-building-table td.vacant-ready-unit-type {
    /*background-color: #fc5846;*/
    background: linear-gradient(110deg, #fc5846 50%, #c0c0c0 50%);
}
table.ks-building-table td.vacant-unavailable-unit-type {
    /*background-color: #ff9a2d;*/
    background: linear-gradient(110deg, #ff9a2d 50%, #c0c0c0 50%);
}
table td.on-notice-unit-type{
    background-color: #f5e640;
}
table.ks-building-table td.on-notice-unit-type,
table.ks-building-table td.mtm-on-notice-unit-type{
    /*background-color: #f5e640;*/
    background: linear-gradient(110deg, #f5e640 50%, #c0c0c0 50%);
}

td.on-notice-unit-type span,
td.vacant-ready-unit-type span,
td.vacant-unavailable-unit-type span,
td.mtm-on-notice-unit-type span
{
    background-image: radial-gradient(ellipse, white, transparent 85%);
    font-weight: bold;
}
.unitNote-wrapper {
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    margin-top: 0.5rem;
}
.unitNote-wrapper > label {
    margin: 8px 12px 3px;
    font-weight: bold;
    color: #6eabff;
}
.unitNote-wrapper > textarea {
    padding-top: 0px !important;
    margin-top: 0px !important;
    border: none;
}
.fs-btn {
    background-color: #999999;
    font-size: 10px;
    padding: 2px 4px;
    color: #ffffff;
    border-radius: 2px;
    white-space: nowrap;
}
.fs-btn-block {
    font-size: 10px;
    padding: 2px 4px;
    color: #ffffff;
    white-space: nowrap;
    margin: 5px -1px 0px 0px;
    background-color: #d0d0d0;
    display: block;
}
.fs-btn:hover,
.fs-btn-block:hover {
    color: #ffffff;
}
.highlights-wrapper.ibox-content {
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    padding: 0.2rem 0 0 0;
}
.highlights-wrapper > .checkbox {
    padding-left: 10px;
}
.highlights-wrapper > .checkbox label {
    margin-bottom: 0px;
}
.highlights-wrapper > span {
    margin-left: 8px;
    margin-bottom: 0.3rem;
    font-size: 12px;
    font-weight: bold;
}
#uploadAvailFile {
    margin-right: 4px;
}
#uploadAvailabilityFile {
    /*color: inherit;*/
    /*font-weight: bold;*/
    /*font-size: 12px;*/
    /*margin-left: 13px;*/
    float: right;
}
.availability-upload-new {
    padding: 0 0.2rem 0.2rem 0.2rem;
}
/*.amenity_note:after {*/
/*    content: '';*/
/*    width: 0;*/
/*    height: 0;*/
/*    border-style: solid;*/
/*    border-width: 0 10px 10px 0;*/
/*    border-color: transparent #608A32 transparent transparent;*/
/*     !*top: 15px;*!*/
/*    !*position: absolute;*!*/
/*}*/
/*.amenity_note{*/
/*    margin-right:10px;*/
/*}*/
#addNote,
#addUnitTypeNote {
    background-color: #6eabff;
}
/** caret for note **/
.category_note,
.all_amenity_note,
.partial_amenity_note {
    margin-right: 10px;
    position: relative;
}
.category_note:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent #6eabff transparent transparent;
    position: absolute;
    top: 9px;
    transform: translateY(-50%);
}
/*.all_amenity_note:not(.category_note):after{*/
/*    content: '';*/
/*    width: 0;*/
/*    height: 0;*/
/*    border-style: solid;*/
/*    border-width: 0 10px 10px 0;*/
/*    border-color: transparent #6eabff transparent transparent;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*}*/
.partial_amenity_note:not(.category_note):after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent #6eabff transparent transparent;
    position: absolute;
    right: -12px;
    top: 5px;
}
.partial_amenity_note:not(.category_note):before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 0;
    border-color: transparent #ffffff transparent transparent;
    position: absolute;
    right: -10px;
    top: 7px;
    transform: scale(0.7);
    transform-origin: top right;
    z-index: 1;
}
.amenity_note {
    position: relative;
    margin-left: 10px;
}
.amenity_note:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent #6eabff transparent transparent;
    position: absolute;
    top: 6px;
    left: -12px;
    transform: translateY(-50%);
}
.note-box,
.ut-note-box {
    width: 70%;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    /*display: block;*/
    padding: 2px 5px;
}
.ut-note-box{
    display: block;
    width: 100%;
}
.note-box:focus {
    outline: none;
}
.edit-note-link,
.edit-ut-note-link {
    font-weight: bold;
}
.select2-container *:focus {
    outline: red;
}
.bulk-edit.panel-default {
    border-color: #23c6c8;
}
.bulk-edit .panel-heading {
    background-color: #23c6c8;
}
.bulk-edit .panel-heading #changeStatus,
.bulk-edit .panel-heading #unitNumber {
    color: #ffffff;
}
.bulk-edit .unitNote-wrapper {
    /*display: none;*/
}
.unit_note {
    position: relative;
}
.unit_note:after {
    /* Magic Happens Here!!! */
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    display: block;
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-top: 10px solid #6eabff;
} /* </magic> */
#categoryFilter {
    margin: 10px auto;
}

/** OnOff Text switch*/
.bulk-edit-div .onoffswitch-inner:before {
    content: "ON";
}
.bulk-edit-div .onoffswitch-inner:after {
    content: "OFF";
}
.bulk-edit-div .onoffswitch-inner:before,
.bulk-edit-div .onoffswitch-inner:after {
    height: 18px;
    line-height: 19px;
    font-size: 12px;
}
.bulk-edit-div .onoffswitch-label {
    margin-bottom: 0;
}
.bulk-edit-div.onoffswitch {
    width: 66px;
}
.bulk-edit-div .onoffswitch-switch {
    height: 10px;
    right: 35px;
}
label.switch {
    margin-bottom: 0;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    /*width: 60px;*/
    /*height: 34px;*/
    width: 45px;
    height: 22px;
}
label.switch.small {
    margin-bottom: 0;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    /*width: 60px;*/
    /*height: 34px;*/
    /* width: 40px;
    height: 16px; */
    width: 36px;
    height: 18px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.slider:before {
    position: absolute;
    content: "";
    /*height: 26px;*/
    /*width: 26px;*/
    height: 15px;
    width: 15px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}

.small .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.small .slider:before {
    position: absolute;
    content: "";
    /*height: 26px;*/
    /*width: 26px;*/
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.small .slider.round {
    border-radius: 21px;
}
.small .slider.round:before {
    border-radius: 50%;
}
#hideChangesMsgBlock span {
    padding: 6px;
    border-radius: 3px;
    background-color: #55b7ba;
    color: #ffffff;
    display: inline-block;
    font-size: 10px;
}
.text-yellow {
    color: yellow;
}

input:checked + .slider {
    /* background-color: #22b9bb; */
    background-color: #46c588;
}
input:focus + .slider {
    box-shadow: 0 0 1px #2196f3;
}
input:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}
.mini-navbar .nav > li > a{
    padding: 14px 0 14px 0;
}
.nav > li > a .nav-label{
    margin-left: 5px;
}
.nav-horizontal-line{
    border: 2px solid rgba(255, 255, 255, 0.3);
    width: 100%;
    margin-bottom: 18px;
}
.navbar-default.navbar-static-side{
    position: fixed;
    height: 100vh;
    overflow-y: scroll;
    /*-ms-overflow-style: none;  !* IE and Edge *!*/
    /*scrollbar-width: none;  !* Firefox *!*/
}
.mini-navbar .navbar-default.navbar-static-side{
    overflow: visible;
}

.navbar-default.navbar-static-side::-webkit-scrollbar {
    display: none;
}

.featureNav {
    /*background-color: #19aa8d !important;*/
    /*background: rgba(205, 204, 255, 0.13);*/
    background: #293846;
    /*border-radius: 8px;*/
    /*color: #e5e6e7;*/
    color: #fff;
    margin-bottom: 50px;
}
.featureNav ul{
    background: #2B2B2B;
}
/*.featureNav.active{*/
/*    !*border: 0 !important;*!*/
/*    border-left: 4px solid #19aa8d;*/
/*}*/
/*.featureNav > a{*/
/*    color: #ACACFD !important;*/
/*}*/

/*.featureNav a:hover {*/
/*    background-color: #19aa8d !important;*/
/*}*/
/*.featureNav .nav > li > a {*/
/*    padding: 5px 5px 5px 25px;*/
/*    padding-left: 44px;*/
/*}*/

/*.featureNavSecondLevel {*/
/*    background-color: #19aa8d !important;*/
/*}*/

.features span.navy {
    color: #1ab394;
}
.featureMainDiv {
    width: 100% !important;
}
#fpTable th {
    font-size: 0.7rem;
    /*padding: 3px 9px 3px 3px;*/
}
table#fpTable th,
table#fpTable tbody td {
    padding: 3px 9px 3px 3px;
}

#fpTable.floor-offset-table {
    margin-top: -1px !important;
    /*text-align: center;*/
}

/** tags input css **/
#tags {
    /*float: left;*/
    /*border: 1px solid #ccc;*/
    /*padding: 4px;*/
}

#tags span.tag {
    cursor: pointer;
    display: block;
    float: left;
    color: #ffffff;
    background: #1ab394;
    padding: 5px 30px 5px 10px;
    /*padding-right: 30px;*/
    margin: 4px;
}

#tags span.tag:hover {
    opacity: 0.9;
}

#tags span.tag:after {
    position: absolute;
    content: "×";
    border: 1px solid;
    border-radius: 10px;
    padding: 0 4px;
    margin: 3px 0 10px 7px;
    font-size: 10px;
}

#tags input {
    background: #eee;
    border: 0;
    margin: 4px;
    padding: 7px;
    width: auto;
}
.fs-header-menu {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.fs-header-item {
    padding-left: 5px;
    padding-right: 5px;
    flex: 1;
}
.fs-header-item select.form-control {
    padding: 6px 3px 6px 0px;
}
.fs-header-item select.form-control option {
    padding: 0px;
}
.fs-header-menu .fs-header-item:last-child {
    /*margin-left: auto;*/
    /*flex-basis: 15%;*/
}
.change-stats {
    padding-top: 10px;
}
.btn-fs-outline {
    font-weight: bold;
    border: 2px solid;
    padding: 5px 12px;
}
.fs-header-item .multiselect-native-select div.btn-group {
    display: block;
}
.fs-header-item .fs-text-link {
    display: block;
    font-weight: bold;
    color: #a7a7a7;
    white-space: nowrap;
}
.fs-header-item.download-matrix-col {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding-top: 10px;
    flex-basis: 100%;
    gap: 20px;
    flex-wrap: nowrap;
    text-align: right;
}

@media (min-width: 1024px) {
    .fs-header-item.download-matrix-col {
        flex-basis: auto;
        display: flex;
        flex-direction: column;
        /*justify-content: end;*/
        flex-wrap: nowrap;
        gap: 5px;
        padding-right: 15px;
    }
}

/*li.select2-results__option[aria-selected="true"] {*/
/*    display: none;*/
/*}*/

table.dataTable.icon-adjusted-table thead .sorting:before,
table.dataTable.icon-adjusted-table thead .sorting_asc:before,
table.dataTable.icon-adjusted-table thead .sorting_desc:before,
table.dataTable.icon-adjusted-table thead .sorting_asc_disabled:before,
table.dataTable.icon-adjusted-table thead .sorting_desc_disabled:before {
    /*display:none;*/
}

table.dataTable.icon-adjusted-table thead .sorting:before,
table.dataTable.icon-adjusted-table thead .sorting:after,
table.dataTable.icon-adjusted-table thead .sorting_asc:before,
table.dataTable.icon-adjusted-table thead .sorting_asc:after,
table.dataTable.icon-adjusted-table thead .sorting_desc:before,
table.dataTable.icon-adjusted-table thead .sorting_desc:after,
table.dataTable.icon-adjusted-table thead .sorting_asc_disabled:before,
table.dataTable.icon-adjusted-table thead .sorting_asc_disabled:after,
table.dataTable.icon-adjusted-table thead .sorting_desc_disabled:before,
table.dataTable.icon-adjusted-table thead .sorting_desc_disabled:after {
    /*position: absolute;*/
    /*bottom: 0.9em;*/
    /*display: block;*/
    /*opacity: 0.3;*/
}

#floorStackTable table.matrix-table {
    border-collapse: separate;
    /*border-spacing: 1px;*/
}
#floorStackTable table.matrix-table th {
    /*border: 1px solid #c3c3c3;*/
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 5px 18px 5px 5px;
    /*z-index: 2;*/
}
#floorStackTable table.matrix-table th select {
    display: block;
    width: 100%;
}
#matrixTable_filter {
    display: none;
}
.filterRow th {
    padding: 4px 6px !important;
}
.filterRow th select {
    border-color: #cccccc;
}
#floorStackTable table.matrix-table td {
    border-width: 1px;
}
.propertyMultiSelect,
.global-multi-select,
.fs-header-item .multipleSelect {
    max-height: 33px;
}

.cursor-pointer {
    cursor: pointer;
}
/*#matrixTable_wrapper .row:first-child{*/
/*    display:none;*/
/*}*/
/* .matrixTable-container {
    position: relative;
} */
#matrixTable_wrapper {
    height: calc(100vh - 10rem);
    min-width: 100%;
    overflow: scroll;
    position: relative;
    /*overflow-y: scroll;*/
}

#matrixTable thead th {
    white-space: nowrap;
    text-align: center;
}
#matrixTable thead.sticky-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 10;
}
#matrixTable thead tr th.sticky-left {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
}

#matrixTable tbody tr td:nth-child(1),
#matrixTable tbody tr td:nth-child(2),
#matrixTable tbody tr td:nth-child(3),
#matrixTable tbody tr td:nth-child(4),
#matrixTable.unit-type-table tbody tr td:nth-child(5),
#matrixTable.unit-sqft-table tbody tr td:nth-child(6) {
    position: -webkit-sticky;
    position: sticky;
    background-color: #ffffff;
}
#matrixTable thead tr th.sticky-left:nth-child(1),
#matrixTable tbody tr td:nth-child(1) {
    left: 0;
}
#matrixTable thead tr th.sticky-left:nth-child(2),
#matrixTable tbody tr td:nth-child(2) {
    left: 90px;
}
#matrixTable thead tr th.sticky-left:nth-child(3),
#matrixTable tbody tr td:nth-child(3) {
    left: 180px;
}
#matrixTable thead tr th.sticky-left:nth-child(4),
#matrixTable tbody tr td:nth-child(4) {
    left: 270px;
}
#matrixTable.unit-type-table thead tr th.sticky-left:nth-child(5),
#matrixTable.unit-type-table tbody tr td:nth-child(5) {
    left: 360px;
}
#matrixTable.unit-type-table thead tr th.sticky-left:nth-child(6),
#matrixTable.unit-sqft-table tbody tr td:nth-child(6) {
    left: 450px;
}
/*#matrixTable thead th.fixed-col,*/
/*#matrixTable thead td.fixed-col {*/
/*    position: -webkit-sticky;*/
/*    position: sticky;*/
/*    left: 0;*/
/*}*/
/* li.multiselect-item.multiselect-item-0 label {
    font-weight: 700;
} */

#amenityTableOuterDiv.mOuterDiv {
    height: auto;
    overflow-y: auto;
}
table.dataTable thead th,
table.dataTable thead td {
    border-bottom-color: #a9a9a9;
}
#select2-propertyMultiSelectBoxPlot-results
    .select2-results__option[aria-selected="true"],
#select2-properties-results .select2-results__option[aria-selected="true"] {
    display: none;
}
.table-sm-header th {
    font-size: 10px;
}
.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.ibox-content.sk-loading.top-loader > .sk-spinner {
    top: 100px;
}
.header-select2 select,
.header-select2 .select2.select2-container {
    margin-top: 20px;
    margin-left: 10px;
    min-width: 200px;
}

/*background: linear-gradient(110deg, #cda2f2 33%, #fc5846 33% 67%, #c0c0c0 67% 100%);*/
/*radial-gradient(white, white, transparent 89%)*/

label.form-inline-label {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
}

#amenityCategorizationTableContainer {
    max-height: 400px;
    padding: 15px 0 0 8px;
}

/** pieChart CS **/
.pie-legend {
    /*width: 100%;*/
}
ul.pie-legend {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
    list-style: none;
    border-spacing: 0px 15px;
    margin-left: 0px;
}
.pie-legend span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: 5px;
    margin-bottom: -1px;
}
/*.pie-legend li {*/
/*    margin-bottom: 10px;*/
/*    display: inline-block;*/
/*    margin-right: 10px;*/
/*}*/

canvas {
    width: 100% !important;
    height: auto !important;
}

/*
label[for=yieldstar],
label[for=other]
{
    display: none;
}*/

/*label[for=yieldstar],*/
/*label[for=other]*/
/*{*/
/*    display: none;*/
/*}*/
#amenityCategorizationTable {
    margin-top: -15px;
}
g#symbol {
    display: none;
}
#propertyMultiSelectBoxPlot {
    max-height: 33px;
}
.cAll {
    /*position: absolute;*/
    right: 30px;
    top: 3px;
}
@media (max-width: 1000px) {
    .welcome-message {
        display: none;
    }
}
@media print {
    nav.navbar-static-side {
        display: none;
    }
    body {
        overflow: visible !important;
    }
    #page-wrapper {
        margin: 0;
    }
}
table.table-text-center th,
table.table-text-center td {
    text-align: center;
}
.innerTable {
    width: 100%;
}
.innerTable td {
    border: 0px !important;
    padding: 0 !important;
}
.innerTable td {
    border: 0px !important;
    padding: 0 !important;
}
.innerTable td.propCol {
    width: 41%;
}
.innerTable td.valueCol {
    width: 43%;
}
ul.pie-legend {
    padding: 0;
}
#pie-holder {
    /*padding: 7px 0 0 0;*/
}
.samePadding {
    padding-top: 8px;
    padding-bottom: 6px;
}
.top-placement.ibox-content.sk-loading > .sk-spinner {
    top: 20px !important;
}
#updateChangedACMTop {
    position: fixed;
    top: 30px;
    right: 40px;
    z-index: 2;
}
#saveAndExitMapFixed,
#saveAndExitFSBFixed {
    position: fixed;
    top: 30px;
    right: 41px;
    z-index: 2;
}
/* custom button bootstrap button
---------------------------- */
.btn-yellow {
    color: #696b6d;
    background-color: #fff68d;
    border-color: #ffea00;
    /*background-color: #fff266;*/
    /*border-color: #e6d200;*/
}
.btn-yellow:focus {
    color: #696b6d;
    background-color: #fff266;
    border-color: #ffea00;
}
.btn-yellow:hover {
    color: #696b6d;
    background-color: #fff266;
    border-color: #ffea00;
}
.btn-yellow:active {
    color: #696b6d;
    background-color: #fff266;
    border-color: #ffea00;
}
.pie-row .ibox-content {
    margin-bottom: 1.3em;
}
#toggleAvailabilities {
    padding: 0 5px 0 0;
}
.text-xs {
    font-size: 70%;
}
#sendFeatureEmailModal .modal-body {
    overflow-y: scroll;
    max-height: 40em;
}
.standaloneTableBox.amenityTableBoxClass {
    display: inline-block;
}
.standaloneTableBox div.amenityReviewDiv {
    overflow: visible !important;
}
table#fpTable > thead > tr.top-header > th {
    padding-bottom: 0 !important;
}
table#fpTable > thead > tr.main-header > th {
    padding-top: 0 !important;
}
.calculated-th {
    font-size: 80%;
    vertical-align: bottom !important;
    color: #23c6c8;
    text-align: center;
    /*visibility: hidden;*/
}
#calculateOffset {
    padding: 2px 4px;
    /* font-size: 0.5rem; */
    font-size: 73%;
    font-weight: 400;
}
.font-weight-600 {
    font-weight: 600 !important;
}
.override-rpsf {
    width: 60% !important;
    height: 26px;
    font-size: 0.8rem;
    padding: 6px 8px;
}

input[type="number"].number-as-text::-webkit-inner-spin-button,
input[type="number"].number-as-text::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.map-ub-notes {
    padding-left: 15px;
}
.map-ub-notes li {
    padding-bottom: 11px;
}
#map.unit-map {
    height: 100%;
    /*height: 90vh;*/
    /*min-height: 90vh;*/
}
#map.unit-map > svg {
    /*min-height: 90vh;*/
}
.unit-map-box #output {
    position: fixed;
    top: 10px;
    left: 10px;
}
.floorOffsetTableContainer > .dataTables_wrapper {
    padding-bottom: 0;
}
.property-name {
    padding: 0.28rem 0.4rem;
    vertical-align: middle;
}
#csvDataForm .submit-btn button {
    margin-left: 8px;
    /*15+8px*/
}
.strip_leading_zero_checkbox {
    padding-left: 14px !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
@media print {
    #amenityTableOuterDiv {
        overflow-y: visible !important;
    }
    table.amenity-review-table {
        overflow: visible !important;
    }
}
.dom-graph-inline {
    display: inline-block;
    /*width: 100px;*/
    height: 15px;
    background: #000000;
    vertical-align: middle;
    margin-right: 5px;
}
.action-circle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
}
.apr-action-okay {
    background: #75dc39;
}
.apr-action-adjusted {
    background: #de4c4c;
}
.apr-action-evaluated {
    background: #ffff00;
    border: 1px solid #d3d3d3;
}
/*
* these demo classes will be used in form demo
* used multiple class, not to catch these div on .action-circle loop
*/
.action-circle-demo {
    width: 25px;
    height: 25px;
    border-radius: 50%;
}
.action-circle-demo.action-circle-okay {
    background: #75dc39;
}
.action-circle-demo.action-circle-adjusted {
    background: #de4c4c;
}
.action-circle-demo.action-circle-evaluated {
    background: #ffff00;
    border: 1px solid #d3d3d3;
}
#scrubberDatatable tbody tr td:nth-child(1),
#scrubberDatatable tbody tr td:nth-child(2) {
    word-break: break-all;
}
.select-col-ul {
    position: relative;
    top: 0;
    left: 0;
    will-change: top, left;
}

/**==========================
new ui css starts
=============================**/
/** common css starts **/
.ks-text-success {
    color: #319263;
}
.ks-text-warning {
    color: #d86331;
}
.ks-btn {
    padding: 11px 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
}
.ks-btn-dark {
    background-color: #2b2b2b;
    color: #ffffff;
}
/** common css ends **/

/** Header Row Starts **/
#react-floorStack {
    font-family: "Public Sans", sans-serif !important;
    background-color: #dde3ec;
    min-height: 100vh;
    position: relative;
    overflow: hidden;
}
/*@media (max-width: 768px) {*/
/*    #react-floorStack{*/
/*        overflow: hidden;*/
/*    }*/
/*}*/
#page-wrapper {
    padding: 0;
    overflow-x: hidden;
}
.fs-header-div {
    top: 0;
    right: 0;
    left: 220px;
    z-index: 10;
    transition: transform 0.4s ease-in-out, left 0.4s;
    transform: translateY(calc(-102%));
    position: fixed;
}

.mini-navbar .fs-header-div{
    left: 70px;
}
.fs-header-row {
    background: #ffffff;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.05);
    display: grid;
    height: 100%;
}
.fs-header-row .select-group-col {
    display: grid;
    gap: 16px;
    align-self: center;
    padding: 16px 15px;
}
.fs-header-row .select-group-col .select-field {
    display: flex;
    flex-direction: column;
    /*gap: 4px;*/
}
.fs-header-div .select-group-col .select-field .css-26l3qy-menu{
    min-width: 150px;
}

.fs-header-row .select-group-col label {
    font-size: 10px;
    line-height: 12px;
    color: #727272;
    margin-bottom: 0;
    /*margin-left: 5px;*/
}
.fs-header-row .select-group-col select {
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    border: 0;
    color: #2b2b2b;
    height: 16px !important;
}
.fs-header-row .building-select{
    width: 100%;
}
/*.fs-header-row .building-select .clear-selected-button{*/
/*    !*margin-right: 5px;*!*/
/*    margin-top: -3px;*/
/*}*/
/*.fs-header-row .building-select .clear-selected-button + svg{*/
/*    margin-top: -2px;*/
/*    cursor: pointer;*/
/*}*/
.fs-header-row .building-select label{
    font-size: 16px;
    white-space: nowrap;
}
.fs-header-row .building-select .building-dropdown{
    transition: color 150ms;
    margin-top: -2px;
}
.fs-header-row .building-select .building-dropdown:hover svg {
    fill: hsl(0, 0%, 60%);
}
@media (min-width: 768px) {
    .rmsc.building-select{
        max-width: 80px;
    }
}

.rmsc.building-select .dropdown-content{
    width: auto;
}
.report-col .changes span,
.report-col .total span {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
}
.report-col .changes span {
    color: #2b2b2b;
}
.report-col .changes span.positive-change {
    color: #319263;
}
.report-col .changes span.negative-change {
    color: #d86331;
}
.report-col .total span {
    color: #6462c5;
}
.fs-header-row .report-col .amount-details {
    display: flex;
    gap: 26px;
    align-self: center;
    /* padding: 16px 13px 13px; */
    padding: 16px 15px;
    position: relative;
    justify-content: space-between;
}

.fs-header-row .report-col .report-groups {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    line-height: 14px;
}
.fs-header-row .report-col .report-groups .matrix-report {
    text-decoration: underline;
    color: #676a6c;
}
.fs-header-row .report-col .report-groups div {
    /* padding: 16px 18px 13px; */
    padding: 16px 15px;
    align-items: center;
    display: flex;
    text-align: center;
}
.fs-header-row .report-col .report-groups div.review-report {
    background: #000000;
    color: #ffffff;
    display: flex;
    gap: 10px;
    text-align: center;
    height: 61px;
}
@media (min-width: 768px) {
    /*.fs-header-row .select-group-col .select-field {*/
    /*    padding-right: 15px;*/
    /*}*/
    .fs-header-row .select-group-col {
        grid-template-columns: repeat(5, auto);
    }
    .fs-header-row .report-col {
        display: grid;
        grid-template-columns: repeat(2, auto);
    }
    .fs-header-row .report-col .amount-details {
        justify-content: flex-start;
        gap: 13px;
    }
    .fs-header-row .report-col .amount-details .changes {
        border-right: 1px solid #dedede;
        padding-right: 13px;
    }
    .fs-header-row .report-col .report-groups {
        justify-content: flex-end;
    }
}
@media (min-width: 992px) {
    /*.fs-header-row .building-select{*/
    /*    width: 100px;*/
    /*}*/
    .fs-header-row .select-group-col .select-field:not(:last-child) {
        border-right: 1px solid #dedede;
        padding-right: 15px;
    }
    .fs-header-row .select-group-col .select-field {
        max-width: 240px;
    }
}
@media (min-width: 1024px) {
    .fs-header-row {
        grid-template-columns: auto auto;
        justify-content: space-between;
        align-items: center;
        /*height: 61px;*/
    }
    .fs-header-row .report-col .report-groups div {
        padding: 0 18px
    }
    .fs-header-row .select-group-col{
        padding: 0;
        margin-left: 15px;
    }
    .fs-header-row .report-col .amount-details {
        padding: 0 13px;
    }

    .fs-header-row .report-col .amount-details .changes {
        border-right: 1px solid #dedede;
        padding-right: 13px;
        text-align: right;
    }
}

/** Header Row Ends **/
.main-fs-container {
    position: relative;
}
.main-fs-container.collapsed-left {
    grid-template-columns: 68px auto;
}
.floor-stack-main{
    padding-bottom: 40px;
}

/*.main-fs-container.right-active .floor-stack-main{*/
/*    padding-bottom: 0;*/
/*}*/
@media (min-width: 1024px) {
    .main-fs-container {
        top: 61px;
        grid-template-columns: 297px 1fr;
        display: grid;
    }
    .floor-stack-main{
        padding-bottom: 0px;
    }
    /*.main-fs-container {*/
    /*    display: grid;*/
    /*    grid-template-columns: 297px 1fr;*/
    /*}*/
    .main-fs-container.right-active{
        grid-template-columns: 297px 1fr 297px;
    }
    .main-fs-container .unit-map-container svg{
        width: 100%;
    }
    .unit-map-container{
        padding-bottom: 0;
    }
}
/** Left Sidebar Starts **/
.fs-sidebar-left {
    width: 100%;
    /*max-width: 279px;*/
    background-color: rgba(255, 255, 255, 0.5);
    padding: 12px 16px 12px 16px;
    backdrop-filter: blur(50px);
    /*position: relative;*/
    /*margin-top: 19px;*/
    /*margin-top: 40px;*/

    /*max-width: none;*/

    /*padding-right: 16px;*/
    /*min-height: calc(100vh - 65px);*/


}
/*.fs-sidebar-left .sidebar-sticky-content {*/
/*    position: sticky;*/
/*    top: 73px; !** because its parent have padding of 12px **!*/
/*    overflow-y: scroll;*/
/*    height: calc(100vh - 90px);*/
/*}*/
.fs-sidebar-left::-webkit-scrollbar {
    width: 0;
}
/*!* Track *!*/
/*.fs-sidebar-left .sidebar-sticky-content::-webkit-scrollbar-track {*/
/*    background-color: transparent;*/
/*}*/

.fs-sidebar-left .expanded-sidebar{
    max-width: 100%;
    width: 100%;
}
/*.main-fs-container.collapsed-left .fs-sidebar-left{*/
/*    max-width: 68px;*/
/*}*/
@media (min-width: 768px) {
    .fs-sidebar-left{
        max-width: 297px;

    }
    .main-fs-container.collapsed-left .fs-sidebar-left{
        max-width: 68px;
    }
}

@media (min-width: 1024px) {
    .fs-sidebar-left {
        position: fixed;
        top: 61px;
        bottom: 40px;
        overflow-x: hidden;
        overflow-y: scroll;
    }
    .main-fs-container.collapsed-left.right-active{
        grid-template-columns: 68px 1fr 279px;
    }
}



/* Handle */
.amenities-list-box::-webkit-scrollbar-thumb {
    background: transparent;
}
.main-fs-container.collapsed-left .expanded-sidebar,
.main-fs-container .collapsed-sidebar {
    display: none;
}
.main-fs-container.collapsed-left .collapsed-sidebar,
.main-fs-container .expanded-sidebar {
    display: block;
}

.fs-sidebar-left .sidebar-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #2b2b2b;
}
.fs-sidebar-left .ks-first-row img {
    width: 12px;
    height: 11px;
}
.ks-second-row.toggle-button-groups {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 6px;
    row-gap: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    place-items: center;
}
.fs-sidebar-left .ks-toggle-btn {
    width: 124px;
    height: 36px;
    padding: 11px 8px 11px 10px;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.fs-sidebar-left .ks-toggle-btn:first-child {
    border: 1px solid #d1d1d1;
}
.fs-sidebar-left .ks-toggle-btn span {
    color: #2b2b2b;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
}
.ks-third-row.availablity-uploads {
    padding-top: 8px;
    padding-bottom: 8px;
}
.availablity-uploads .availabilty-uploads-btn {
    /*border: 1px dashed #6462c5;*/
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*padding: 7px 12px;*/
    /*margin-top: 5px;*/
}
.availablity-uploads .availabilty-uploads-btn span {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #6462c5;
    text-shadow: 1px 3px 57px rgba(177, 183, 191, 0.16);
    margin-left: 4px;
}
.ks-fourth-row.filter-container {
    /*margin-top: 17px;*/
    border-top: 1px solid #e6e6e6;
    padding-top: 12px;
}
.ks-fourth-row.filter-container .total-units {
    font-size: 10px;
    line-height: 12px;
    color: #727272;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    padding: 4px 8px;
}
.filter-btn-gropus {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
}
.fs-sidebar-left .ks-filter-btn {
    width: 124px;
    height: 36px;
    padding: 11px 8px 11px 10px;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: none;
}
.fs-sidebar-left .ks-filter-btn span {
    color: #2b2b2b;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
}
.ks-btn-icon {
    width: 12px;
    height: 12px;
    margin-right: 4px;
}
.edit-category-btn {
    position: absolute;
    top: 6px;
    right: 0;
    font-weight: 400;
    font-size: 11px;
    line-height: 13px;
    text-decoration: underline;
    color: #2b2b2b;
    padding: 0;
}
.edit-category-btn:hover,
.edit-category-btn:focus {
    color: #2b2b2b;
    text-decoration: underline;
}
.fs-sidebar-left .all-filters {
    margin-top: 16px;
    /*position: relative;*/
}
/** Left Sidebar Ends **/
/** Main Container Starts **/
.building-table-container {
    width: fit-content;
    max-width: 100%;
    padding-right: 30px;
    position: relative;
    /* margin-bottom: 18px; */
    /* width: fit-content; */
    margin-bottom: 18px;
}
/*.floor-stack-main {*/
/*    !* margin-left: 289px; *!*/
/*    position: relative;*/
/*    !* overflow: hidden; *!*/
/*    max-width: 100%;*/
/*}*/
.floor-stack-main .buildings-column {
    padding: 14px 14px 0 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}

.floor-stack-main .building-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #2b2b2b;
    margin-bottom: 10px;
}
.table.ks-building-table {
    background-color: #ffffff;
    width: auto;
    border-collapse: separate;
    border-spacing: 4px;
    border-radius: 8px;
}

.table.ks-building-table tr{
    min-height: 42px;
    height: 42px;
}

.table.ks-building-table th,
.table.ks-building-table td {
    text-align: center;
    vertical-align: middle;
    border-radius: 2px;
}
.table.ks-building-table th {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #2b2b2b;
    padding: 6px;
}
.table.ks-building-table td {
    min-width: 42px !important;
    min-height: 42px !important;
    background-color: #f3f7fb;
    border-radius: 2px;
    font-size: 13px;
    line-height: 15px;
    color: #3a4658;
    padding: 5px;
    position: relative;
    cursor: pointer;
}
.table.ks-building-table tbody tr  td {
    border: 1px solid transparent;
}
.table.ks-building-table td.selected-unit {
    border: 1px solid #6462c5;
}
.table.ks-building-table td.affordable-unit {
    background: #c6c5f3;
}
.table.ks-building-table td.non-unit {
    background-color: #b1c2d6;
    font-size: 0;
}
.table.ks-building-table td.non-unit:before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
}

.table.ks-building-table tr.sticky_row {
    top: 0;
    left: 0;
    position: sticky;
    z-index: 2;
    background: white;
}
.ks-building-table-wrapper {
    /* width: 100%; */
    /* width: fit-content; */
    /*overflow-x: auto;*/
    position: relative;
    max-width: 100%;
    border-radius: 8px;
}
.scrollbar-sm{
    overflow-x: auto;
    border-radius: 8px;
}
.scrollbar-sm::-webkit-scrollbar {
    height: 0.375rem;
    width: 0.375rem;
}

.scrollbar-sm:hover::-webkit-scrollbar-thumb,
.scrollbar-sm:focus-within::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background: #b1c2d6;
}

.scrollbar-sm::-webkit-scrollbar-thumb:hover {
    background: #b1c2d6;
}

.table.ks-building-table tr > th:first-child {
    position: sticky;
    z-index: 2;
    background: white;
    left: 0;
}
.ks-building-wrapper {
    position: relative;
}

.ks-building-wrapper .horizontal-axis-text,
.ks-building-wrapper .vertical-axis-text {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #727272;
}
/* .axis-details {
    position: absolute;
    top: -10px;
    right: -10px;
} */
.axis-details .horizontal-axis-text {
    position: absolute;
    right: 0px;
    top: -23px;
}
.axis-details .vertical-axis-text {
    position: absolute;
    writing-mode: vertical-rl;
    right: -23px;
    top: 0;
}
.ks-building-wrapper img.double-arrow {
    position: absolute;
    top: -23px;
    right: -23px;
}
.building-table-container .__react_component_tooltip {
    background-color: transparent;
    padding: 0;
}

.ks-unit-note-symbol:after,
.ks-unit-note-symbol-universal:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    display: block;
    border-left: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-top: 12px solid #6462c5;
}
.ks-unit-note-symbol-universal:after {
    border-top: 12px solid #b2b1e2;
}
.ks-unit-tooltip .ks-unit-header {
    background-color: #c6c5f3;
    padding: 12px 22px 8px;
    border-radius: 8px 8px 0 0;
}
.ks-unit-tooltip .ks-unit-body {
    background-color: #ffffff;
    padding: 8px 22px 6px;
    border-radius: 0 0 8px 8px;
}
.ks-unit-tooltip .ks-unit-body ul {
    padding-left: 0;
    margin-bottom: 0;
}
.ks-unit-tooltip .ks-unit-body ul li {
    list-style: none;
    margin-bottom: 8px;
}
.ks-unit-tooltip .ks-unit-body ul li span {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #2b2b2b;
}
.ks-unit-tooltip .ks-unit-body ul li span.text-added{
    color: #3ec10d;
}
.ks-unit-tooltip .ks-unit-body ul li span.deleted-uav {
    text-decoration: line-through;
    color: #aa3232;
}
.ks-unit-tooltip .ks-unit-body .note-box {
    border: 1px solid #e6e6e6;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    padding-top: 8px;
    width: 100%;
}
.ks-note-title {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #6462c5;
    margin-bottom: 6px;
}
.ks-note-title:before {
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #6462c5;
    margin-right: 4px;
}
.ks-unit-tooltip .ks-unit-body .note-box .note-text {
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #2b2b2b;
}
@media (min-width: 992px) {
    .floor-stack-main {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(279px, auto));
        justify-content: space-between;
    }
}
.floor-stack-main::-webkit-scrollbar{
    width: 0;
}
/** Main Container Ends **/
/**unit details column starts**/
.unit-detail-container{
    overflow-y: scroll;
    overflow-x: hidden;
    max-width: 400px;
    width: auto;
    border-radius: 8px;
    margin: auto;
    padding: 0 42px 90px 24px;
}

.unit-detail-container::-webkit-scrollbar{
    width: 0;
}

/*.unit-detail-right .rightbar-sticky-content {*/
/*    position: sticky;*/
/*    top: 73px;*/
/*}*/

.unit-detail-right {
    min-height: 100vh;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(50px);
    padding: 12px;
    margin: auto;
}

.unit-detail-right .ks-first-row img {
    width: 12px;
    height: 11px;
}
.unit-detail-right .unit-detail-box {
    margin-top: 8px;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    padding: 10px 8px;
}
.unit-detail-right .unit-detail-box .unit-detail-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.unit-detail-right .unit-detail-box .unit-detail-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #2b2b2b;
    margin: 0;
}
.unit-detail-right .unit-detail-box .delete-unit-btn {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-decoration-line: underline;
    color: #d83131;
}
.unit-detail-right .unit-detail-box .unit-detail-btn-groups {
    display: grid;
    justify-content: space-between;
    gap: 5px;
    grid-template-columns: 1fr 1fr;
    margin-top: 11px;
}
.unit-detail-box .unit-detail-btn-groups button {
    padding: 11px 12px;
    border-radius: 8px;
    border: 0;
}
.unit-detail-btn-groups button.unit-detail-reset {
    background-color: #ffffff;
    color: #000000;
}
.unit-detail-btn-groups button.unit-detail-save {
    background-color: #6462c5;
    color: #ffffff;
}
.amenities-list-box {
    padding: 18px 0 10px;
    max-height: 60vh;
    overflow-y: scroll;
    overflow-x: hidden;
}
.amenities-list-box::-webkit-scrollbar {
    width: 3px;
}
/* Track */
.amenities-list-box::-webkit-scrollbar-track {
    background-color: transparent;
}

/* Handle */
.amenities-list-box::-webkit-scrollbar-thumb {
    background: #6462c5;
}

/*}*/
.amenities-list-box .single-amenity-row .delete-amenity-btn {
    padding: 0;
}
.amenities-list-box .single-amenity-row .fa-minus-circle {
    color: #d83131;
    font-size: 17.5px;
    line-height: 15px;
    display: flex;
}
.amenities-list-box .single-amenity-row {
    display: grid;
    grid-template-columns: 7% 30% 35% 20%; /** leaving 8% for gap **/
    justify-content: space-between;
    /* grid-column-gap: 6px; */
    padding: 13px 0;
    border-bottom: 1px solid;
    align-items: center;
    border-image: linear-gradient(to right, transparent 11%, #e6e6e6 11%) 100% 1;
}
.single-amenity-row .value-div{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 10px;
}
.amenities-list-box .single-amenity-row:last-child {
    border-bottom: 0;
}

.amenities-list-grid .single-amenity-row .amenity-value-box {
    border: 1px solid #cecece;
    text-align: center;
    width: 45px;
    cursor: pointer;
}

.amenities-list-grid .single-amenity-row div span {
    font-size: 11px;
    line-height: 13px;
    font-weight: 500;
}

.unfiltered-amenities-list {
    padding-top: 12px;
    border-top: 1px solid;
    border-image: linear-gradient(to right, transparent 11%, #e6e6e6 11%) 100% 1;
}
.unfiltered-amenities-list .unfiltered-amenities-title {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-decoration-line: underline;
    margin-bottom: 8px;
}

.unfiltered-amenities-list .unfiltered-amenities-title:before {
    content: "";
    width: 9px;
    height: 7px;
    display: inline-block;
    background: url("../../../img/triangle.svg") no-repeat;
    margin-right: 5px;
    transform: rotate(-180deg);
}

.unfiltered-amenities-list.show .unfiltered-amenities-title:before {
    transform: unset;
}
.add-item-box .btn.add-item-link {
    padding: 0;
}
.add-item-box .add-item-link .fa {
    color: #2b2b2b;
    font-size: 17.5px;
    line-height: 15px;
    vertical-align: middle;
}
.add-item-box .add-item-link span {
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    text-decoration-line: underline;
    color: #2b2b2b;
    margin-left: 10px;
}
.add-note-box {
    margin-top: 20px;
}
.ks-note-body {
    padding: 4px 6px;
    border: 1px solid #cecece;
    border-radius: 2px;
    min-height: 70px;
    width: 100%;
    background: transparent;
}

textarea.ks-note-body:focus-visible{
    outline: none;
}
@media (min-width: 1024px) {
    .unit-detail-container{
        position: fixed;
        top: 61px;
        bottom: 41px;
        right: 0;
        border-radius: 0;
        padding-bottom: 0;
        width: 279px;
        max-width: 279px;
        padding: 0;
    }
}
/*@media (min-width: 992px) {*/
/*    .unit-detail-right{*/
/*        width: 279px;*/
/*        max-width: none;*/
/*        padding-top: 0;*/
/*        border-radius: 0;*/
/*    }*/
/*}*/
/** unit details column ends **/

/** availability checkbox starts**/
/*.availability-box {*/
/*    margin-top: 14px;*/
/*}*/
.ks-checkbox.checkbox {
    /*margin-bottom: 12px;*/
    margin-bottom: 5px;
    padding-left: 8px;
    cursor: pointer;
}
.ks-checkbox.checkbox label {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #2b2b2b;
    cursor: pointer;
}
.ks-checkbox.checkbox input[type="checkbox"]:focus + label::before {
    outline: none;
}
.ks-checkbox.checkbox label::before {
    width: 15px;
    height: 15px;
    border: 1px solid #727272;
}
.ks-checkbox.checkbox.all-filter-checkbox {
    position: relative;
    padding-right: 23px;
}
.ks-checkbox.checkbox.all-filter-checkbox .collapsed-filter-img{
    width: 15px;
    height: 15px;
    display: inline-block;
}
.ks-checkbox.checkbox.all-filter-checkbox .collapsed-filter-img.rotate{
   transform: rotate(60deg);
}
.ks-checkbox.checkbox input[type="checkbox"]:checked + label::before,
.ks-checkbox.checkbox input[type="checkbox"]:indeterminate + label::before {
    border: 1px solid #727272;
    background-color: transparent;
}
.ks-checkbox.checkbox input[type="checkbox"]:checked + label::after,
.ks-checkbox.checkbox input[type="checkbox"]:indeterminate + label::after {
    background: #323232;
    content: "";
    width: 9px;
    height: 9px;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 1px;
    font-family: unset;
}
.ks-checkbox.checkbox input[type="checkbox"]:checked + label::after {
    height: 9px;
    top: 3px;
}
.ks-checkbox.checkbox input[type="checkbox"]:indeterminate + label::after {
    height: 3px;
    top: 6px;
}

/*.ks-checkbox.checkbox input[type="checkbox"]:not(:checked).indeterminate + label::after {*/
/*    background: #727272;*/
/*    content: "";*/
/*    width: 10px;*/
/*    height: 2px;*/
/*    position: absolute;*/
/*    top: 7px;*/
/*    left: 2px;*/
/*    border-radius: 1px;*/
/*    font-family: unset;*/
/*}*/
.ks-checkbox.checkbox.checkbox-on-notice label::before,
.ks-checkbox.checkbox.checkbox-on-notice
    input[type="checkbox"]:checked
    + label::before {
    border-color: #f1d020;
}
.ks-checkbox.checkbox.checkbox-on-notice
    input[type="checkbox"]:checked
    + label::after {
    background-color: #f1d020;
}
.ks-checkbox.checkbox.checkbox-vacant-ready label::before,
.ks-checkbox.checkbox.checkbox-vacant-ready
    input[type="checkbox"]:checked
    + label::before {
    border-color: #ff5959;
}
.ks-checkbox.checkbox.checkbox-vacant-ready
    input[type="checkbox"]:checked
    + label::after {
    background-color: #ff5959;
}
.ks-checkbox.checkbox.checkbox-vacant-unavailable label::before,
.ks-checkbox.checkbox.checkbox-vacant-unavailable
    input[type="checkbox"]:checked
    + label::before {
    border-color: #f69400;
}
.ks-checkbox.checkbox.checkbox-vacant-unavailable
    input[type="checkbox"]:checked
    + label::after {
    background-color: #f69400;
}
.ks-checkbox.checkbox.checkbox-affordable label::before,
.ks-checkbox.checkbox.checkbox-affordable
    input[type="checkbox"]:checked
    + label::before {
    border-color: #bbbbbb;
}
.ks-checkbox.checkbox.checkbox-affordable
    input[type="checkbox"]:checked
    + label::after {
    background-color: #6462c5;
}
.ks-checkbox.checkbox label.category-has-note > span:after,
.ks-checkbox.checkbox label.child-amenity-has-note > span:after {
    content: "";
    width: 10px;
    height: 10px;
    vertical-align: text-top;
    margin-top: -2px;
    background-repeat: no-repeat;
    display: inline-block;
}

.ks-checkbox.checkbox label.category-has-note > span:after,
.ks-checkbox.checkbox
    label.category-has-note.child-amenity-has-note
    > span:after {
    background-image: url("../../../img/filled-triangle-ne.svg");
}
.ks-checkbox.checkbox label.child-amenity-has-note > span:after {
    background-image: url("../../../img/empty-triangle-ne.svg");
}
.ks-checkbox.checkbox label.amenity-has-note > span:before {
    content: "";
    width: 10px;
    height: 10px;
    vertical-align: text-top;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url("../../../img/filled-triangle-ne.svg");
    margin: -2px 2px 0 -2px;
}

/** availability checkbox ends **/

/** treeview amenity filter starts **/
/* .filter-treeview ul {
    list-style-type: none;
} */
ul.ks-amenity-filter-treeview {
    padding-left: 0;
    margin: 0;
    padding: 0;
}
ul.ks-amenity-filter-treeview,
ul.ks-amenity-filter-treeview ul {
    list-style-type: none;
}
ul.ks-amenity-filter-treeview > li {
    padding-left: 0;
}
ul.ks-amenity-filter-treeview ul {
    padding-left: 0;
}
ul.ks-amenity-filter-treeview ul.parent-ul > li {
    border-bottom: 1px solid #e6e6e6;
}
.ks-amenity-filter-treeview .ks-checkbox.checkbox {
    display: inline-block;
    margin-bottom: 0;
}
.ks-amenity-filter-treeview .ks-checkbox.checkbox label {
    padding-left: 2px;
}
.ks-amenity-filter-treeview li.contains-child {
    padding-left: 0;
    cursor: pointer;
}
.ks-amenity-filter-treeview li.contains-child img {
    margin-right: 5px;
    margin-left: -3px;
}
.ks-amenity-filter-treeview li.contains-child img {
    margin-right: 5px;
    margin-left: -3px;
}
.ks-amenity-filter-treeview li.contains-child img.right,
.ks-amenity-filter-treeview li.contains-child.expanded img.down{
    display: block;
}
.ks-amenity-filter-treeview li.contains-child img.down,
.ks-amenity-filter-treeview li.contains-child.expanded img.right{
    display: none;
}
/*.ks-amenity-filter-treeview li.contains-child.expanded img.right {*/
/*    display: none;*/
/*}*/
.ks-amenity-filter-treeview li {
    padding: 6px 6px 6px 33px;
    background-repeat: no-repeat;
    background-size: 18px 30px;
}
/*.ks-amenity-filter-treeview li.contains-child {*/
/*    background-image: url("../../../img/chevron-right.svg");*/
/*}*/
/*.ks-amenity-filter-treeview li.contains-child.expanded {*/
/*    background-image: url("../../../img/chevron-down.svg");*/
/*}*/
.ks-checkbox.checkbox .empty-label {
    margin-right: -6px;
}
ul.treeview-branch {
    display: none;
}
li.expanded ul.treeview-branch {
    display: block;
}
.apply-filter-btn {
    text-shadow: 1px 3px 57px rgba(177, 183, 191, 0.16);
    border-radius: 8px;
    margin-top: 10px;
    /*position: sticky;*/
    /*bottom: 45px;*/
}
.apply-filter-btn:hover,
.apply-filter-btn:focus {
    color: #ffffff;
}
.amenity-average {
    color: #319263;
}
.amenity-unit-count {
    margin-left: 2px;
    color: #d86331;
}
.filter-amenity-dash {
    margin: 0 2px;
}
/** treeview amenity filter ends **/
/** react modal starts **/
.react-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(4px);
    z-index: 15;
}
.react-modal-content {
    position: absolute;
    border: 1px solid #ccc;
    background: #fff;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 4px;
    outline: none;
    padding: 14px 60px 22px;
    top: 50%;
    left: 50%;
    width: 410px;
    max-width: 100%;
    transform: translate(-50%, -50%);
    filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.15));
    min-height: 50vh;
}

/** react modal ends **/
/** add or edit note modal starts **/
.react-modal-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 160%;
    text-align: center;
    color: #2b2b2b;
    margin: 0;
}
.react-modal-body {
    margin-top: 25px;
}
.add-or-edit-notes-modal .react-modal-content {
    max-height: 558px;
}
.add-or-edit-notes-modal .react-modal-body {
    height: 456px;
}
.ks-amenity-filter-treeview ul.parent-ul {
    /*margin-bottom: 35px;*/
    height: 226px;
    overflow-y: auto;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.ks-amenity-filter-treeview ul.parent-ul::-webkit-scrollbar {
    display: none; /* chrome and safari */
}
@media (min-width: 768px) {
    .ks-amenity-filter-treeview ul.parent-ul {
        height: unset;
    }
}
.parent-ul label {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #2b2b2b;
    cursor: pointer;
}
.parent-ul li .parent-ul li span {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
}
.parent-ul ul.treeview-branch li span.ks-text-warning {
    margin-left: 5px;
}
.parent-ul ul.treeview-branch li span.separator {
    margin-left: 3px;
    margin-right: 3px;
}
.add-note-btn,
.edit-note-btn {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: right;
    text-decoration-line: underline;
    color: #6462c5;
    vertical-align: middle;
    padding: 0;
}
.add-note-btn:hover,
.add-note-btn:focus,
.edit-note-btn:hover,
.edit-note-btn:focus {
    text-decoration-line: underline;
    color: #6462c5;
}
.add-note-btn {
    float: right;
}
.add-note-treeview.ks-amenity-filter-treeview li {
    padding-right: 0;
}
.react-modal-btn-groups {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0) 0%,
        #ffffff 17.5%
    );
    border-radius: 8px;
    padding: 32px 0;
}
.add-or-edit-notes-modal .react-modal-btn-groups {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 32px 60px;
}
.react-modal-btn-groups .btn.cancel-btn,
.react-modal-btn-groups .btn.submit-btn {
    padding: 11px 12px;
    border-radius: 8px;
}
.react-modal-btn-groups .btn.cancel-btn {
    background: rgba(177, 183, 191, 0.16);
}
.react-modal-btn-groups .btn.submit-btn {
    background: #6462c5;
    color: #ffffff;
}
/* hide scrollbar but keep functionality */
ul.ks-amenity-filter-treeview.add-note-treeview {
    height: 378px;
    overflow-y: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
ul.ks-amenity-filter-treeview.add-note-treeview::-webkit-scrollbar {
    display: none; /* chrome and safari */
}
.add-note-treeview li label.has-note:after,
.add-note-treeview li label.child-has-note:after {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 4px;
    margin-right: 7px;
    vertical-align: middle;
}
.add-note-treeview li label.has-note:after {
    background-image: url("../../../img/filled-triangle-note.svg");
}
.add-note-treeview li label.child-has-note:after {
    background-image: url("../../../img/empty-triangle-note.svg");
}
.add-note-treeview .note-field {
    height: 70px;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #727272;
}
.close-add-modal {
    position: absolute;
    right: 1.57%;
    top: 1.81%;
}
/** add or edit note modal ends **/
/** add amenity modal starts **/
.react-modal-body .form-group label {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #2b2b2b;
    margin-bottom: 6px;
}
.react-modal-body .form-group input,
.react-modal-body .form-group select {
    border: 1px solid #cecece;
    border-radius: 2px;
    padding: 9px 11px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: center;
    color: #727272;
}
.react-modal-body .form-group label.required:after {
    color: #2b2b2b;
}
/** add amenity modal ends **/
/** delete amenity starts **/
.ks-swal-popup.swal2-popup {
    width: 378px;
    max-width: 100%;
    padding: 28px 44px 32px 44px;
}
.swal2-icon.trash-icon {
    border: none;
}
.swal2-cancel.ks-swal-cancel-btn,
.swal2-confirm.ks-swal-confirm-btn {
    border-radius: 8px !important;
    padding: 11px 12px;
    font-weight: 600;
    font-size: 12px !important;
    line-height: 14px;
    text-align: center;
}
.swal2-cancel.ks-swal-cancel-btn {
    color: #000000 !important;
}
buton.swal2-cancel.ks-swal-cancel-btn:focus,
button.swal2-confirm.ks-swal-confirm-btn:focus {
    outline: none !important;
}
.ks-swal-actions.swal2-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    width: 100%;
}
.ks-swal-title.swal2-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    text-align: center;
    color: #2b2b2b;
}

/*Unit Detail Right Sticky Content*/
.unit-detail-wrapper.rightbar-sticky-content.is-loading::after{
    content: "";
    height: 100%;
    width: 100%;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
}
.unit-detail-wrapper.rightbar-sticky-content .sk-spinner{
    display: none;
}
.unit-detail-wrapper.rightbar-sticky-content.is-loading .sk-spinner{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    display: block;
}

/*Bootstrap invalid*/
.invalid-feedback {
    display: block !important;
}

/*React modal for edit amenity*/
.react-modal-content.update{
    min-height: 40vh;
}
.react-modal-content.update .react-modal-btn-groups{
    padding-top: 0;
    padding-bottom: 1rem;
}
/**==========================
 new ui css ends
 ============================**/
/* * {
    outline: 1px solid #f00 !important;
} */
.custom-tooltip .tooltip-content{
    max-width: 231px;
    position: fixed;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-out;
    margin-top: 30px;
    margin-left: -30px;
    pointer-events: none;
    text-align: left;
}
.custom-tooltip .unit-type-text{
    color: #2b2b2b;
    font-weight: 500;
    font-size: 11px;
    line-height: 1;
}
@media (min-width: 992px) {
    .custom-tooltip:hover .tooltip-content{
        display: inline-block;
        visibility: visible;
        opacity: 1;
    }

}


/*Unit types list*/
.unit-list-container{
    border-top: 1px dashed #6462c5;
    margin-top: 15px;
}
ul.unit-types-list{
    /*min-height: 160px;*/
    padding: 10px 25px 10px 0;
}
/*ul.unit-types-list li:last-child{*/
/*    margin-bottom: 20px;*/
/*}*/

/*FloorStack React Select*/
.fs-header-row  .css-1s2u09g-control{
    border: 0;
    min-height: 0;
}
.fs-header-row .css-1okebmr-indicatorSeparator{
    width: 0;
}
.fs-header-row .css-319lph-ValueContainer{
    padding: 0;
}

.fs-header-row .css-tlfecz-indicatorContainer{
    padding: 0;
}
.fs-header-div .css-tlfecz-indicatorContainer{
    color: #000;
}
.css-1gtu0rj-indicatorContainer{
    padding: 0 !important;
}
.fs-header-div .css-1pahdxg-control{
    box-shadow: none;
    border: 0;
    min-height: 0;
}
.fs-header-div .rmsc{
    --rmsc-main: transparent;
     --rmsc-hover: transparent;
     --rmsc-selected: transparent;
    --rmsc-border: #ccc;
    --rmsc-gray: #aaa;
    --rmsc-bg: #fff;
    --rmsc-p: 10px;
    --rmsc-radius: 4px;
    --rmsc-h: 30px;
}
.fs-header-div .rmsc .dropdown-container{
    border: 0;
}

.fs-header-div .rmsc .gray{
    color: #000;
}

.fs-header-div .rmsc .dropdown-heading{
    padding:  0;
}
.fs-header-div .rmsc .dropdown-heading-value{
    color: hsl(0, 0%, 20%);
}
.fs-header-div .css-qc6sy-singleValue{
    margin-left: 0;
}

/*Mobile Header*/
/*.main-fs-container{*/
/*    margin-top: -447px;*/
/*}*/
.fs-header-mobile{
    background: #fff;
    position: relative;
    z-index: 20;
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(20px, 1fr) );
    align-items: center;
    justify-content: space-between;
}
.fs-header-mobile .header-toggle{
    text-align: right;
    padding-top: 10px;
    padding-right: 16px;
    padding-bottom: 15px;
}
/*.fs-header-row .select-group-col{*/
/*    !*padding-top: 0;*!*/
/*    padding-right: 0;*/
/*    padding-top: 13px;*/
/*}*/

.fs-header-div.show{
    transform: none;
    top: 46px;
}
.header-toggle-up{
    height: 20px;
    width: 20px;
}
.fs-header-mobile  .header-toggle-down{
    display: inline-block;
}
.fs-header-mobile .header-toggle-up{
    display: none;
}
.fs-header-mobile.show{
    left: 0;
    position: fixed;
    top: 0;
    right: 0;
}
.fs-header-mobile.show  .header-toggle-down{
    display: none;
}
.fs-header-mobile.show .header-toggle-up{
    display: inline-block;
}

@media (min-width: 768px) {
    .fs-header-mobile {
        display: none;
    }

    .fs-header-div {
        transform: none;
        position: initial;
    }

    .fs-header-div + .fs-header-row {
        padding-top: 16px;
    }

    /*.main-fs-container {*/
    /*    margin-top: 0;*/
    /*}*/

    /*.fs-header-row .select-group-col {*/
    /*    padding-right: 16px;*/
    /*}*/
}

/*Side bar*/
/*.fs-sidebar-left{*/
/*    max-width: none;*/
/*    padding-right: 16px;*/
/*    min-height: calc(100vh - 65px);*/
/*    position: fixed;*/
/*}*/

@media (min-width: 1024px) {

}

/*.unit-map-container{*/
/*    padding-bottom: 60px;*/
/*}*/
@media (min-width: 1024px) {
    .unit-map-container{
        overflow-x: scroll;
    }
    .fs-header-div {
        transform: none;
        position: fixed;
        height: 61px;
    }
}

.unit-map-container::-webkit-scrollbar {
    width: 0;
}

.select-field.floor-level{
    padding-left: 35px;
    padding-top: 35px;
    font-size: 14px;
    margin-bottom: 10px;
    min-width: 225px;
    width: fit-content;
}
.select-field.floor-level label{
    margin-bottom: 0;
}

#unit-map-floor{
    min-width: 100px;
}
.css-1d8n9bt {
    padding: 2px 8px 2px 0 !important;
}