#root_dashboard {
    background: #fff;
}
.vk-dashboard-wrapper {
    padding: 0 15px;
}
.filterMiniIcon {
    height: 18px;
}
.vk-dashboard-container {
    background: #fff;
    min-height: 25vh;
    color: #6c6c6c !important;
    letter-spacing: 0.4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    align-content: flex-start;
}
.vk-dashboard-category-filter {
    padding: 0px 15px 20px 15px;
    display: flex;
    justify-content: flex-end;
}
.search-properties-menu {
    z-index: 100;
    text-align: left;
    top: 50px;
    right: 0;
}
.vk-dashboard-search-type-icon {
    display: inline-block;
    vertical-align: middle;
    background: #ff9e61;
    border-radius: 30px 0px 0px 30px;
}
.vk-dashboard-search-type-icon svg {
    color: #fff !important;
}
.vk-dashboard-search-type-icon select {
    background: #ff9e61;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 12px 14px;
    width: 45px;
}
.vk-dashboard-search-type-icon button:hover {
    background: #ff9e61;
}
.vk-dashboard-suggest-search button i {
    color: #fff;
}
.vk-dashboard-suggest-search button {
    padding: 10px 4px 9px 14px;
    border-top-left-radius: 20px;
    width: 100%;
    border-bottom-left-radius: 20px;
    margin-top: 0px;
}
.vk-dashboard-search-box i {
    position: absolute;
    top: 10px;
    left: 11px;
    color: #ccc;
    font-size: 26px;
}
.vk-dashboard-search-box input {
    width: 250px;
    font-size: 16px;
    text-indent: 30px;
    line-height: normal;
    letter-spacing: 0.4px;
    text-align: left;
    color: #6c6c6c;
    padding: 12px 14px;
    z-index: 110;
    max-width: 315px;
}
.vk-dashboard-search-box {
    display: inline-block;
    position: relative;
    vertical-align: top;
    background-color: #fff;
    border-radius: 0 30px 30px 0;
    z-index: 110;
}
.vk-dashboard-search-box fieldset {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
.vk-dashboard-search-box > div > div:hover fieldset, .vk-dashboard-search-box > div > div:focus fieldset {
    border-color: #ff9e61 !important;
}
.dark-options-li {
    background-color: #616161 !important;
}
.dark-options-li:hover {
    background-color: #616161 !important;
}
.dark-options-li:first-child {
    margin-top: -8px;
}
.dark-options-li:last-child {
    margin-bottom: -8px;
}
.group_user_role_wise_filter:first-child {
    margin-top: 0 !important;
    width: 100px;
}
.group_user_role_wise_filter {
    background-color: transparent !important;
}
.group_user_role_wise_filter:hover {
    background-color: rgba(0, 0, 0, 0.08) !important;
}
.group_user_role_wise_filter:first-child:hover {
    background-color: transparent !important;
}
.vk-dashboard-panel-container {
    border: 1px solid #979797;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 15px;
}
.vk-dashboard-panel {
    border: none !important;
    margin: 0 !important;
}
.vk-dashboard-panel .expansion-panel-summary {
    padding: 0 !important;
    max-height: 100% !important;
    background: 0 0 !important;
    display: block;
}
.vk-dashboard-open-content {
    padding: 15px 20px !important;
}
.vk-dashboard-panel .expansion-panel-summary > div:first-child {
    display: block;
    margin: 0;
}
.vk-dashboard-panel-title {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.4px;
    background: #12af64 !important;
    padding: 10px 60px 10px 20px !important;
    height: auto;
    min-height: 56px;
    position: relative;
}
.vk-dashboard-list-close, .vk-dashboard-list-edit {
    padding: 0 10px;
    color: #115435;
    position: relative;
    top: 18px;
}
.vk-dashboard-panel-title.diabledautomation {
    background: #b6b6b6 !important;
}
.vk-dashboard-panel .expansion-panel-summary[aria-expanded="true"] .expanded-icon {
   /* bottom: 19px;
    */
    position: relative;
    top: inherit;
}
.vk-dashboard-panel .expansion-panel-summary div:nth-child(2) {
    top: 42px !important;
}
.expansion-panel-details.vk-dashboard-groups {
    padding: 0 !important;
}
.vk-dashboard-panel {
    box-shadow: none !important;
}
.vk-dashboard-template-name {
    position: relative;
    top: 11px;
}
.vk-dashboard-list-edit {
    top: 20px;
}
.dashboard-only-edit-allow-icon {
    padding: 0 5px;
    color: #115435;
    position: relative;
    top: 21px;
}
.vk-dashboard-list-close i {
    font-size: 30px;
    font-weight: 700;
}
.vk-dashboard-panel .expanded-icon {
    font-size: 45px !important;
    color: #115435;
    position: relative;
   /* top: 20px;
    */
    margin-right: 0;
}
.vk-dashboard-check-in-out-header {
    user-select: all;
    text-align: center;
    font-weight: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.vk-dashboard-check-in-out-header .font-500 {
    font-weight: 500 !important;
}
.vk-dashboard-check-in-out-header span {
    padding: 6px 15px;
   /* display: inline-block;
    */
    line-height: 32px;
}
.vk-dashboard-panel-images {
    padding: 12px 0;
}
.vk-dashboard-panel-images.no-padding {
    padding: 0 0;
}
.vk-dashboard-panel-images span {
    display: inline-block;
    background: #fff;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    border-radius: 100%;
    max-height: 40px;
    max-width: 40px;
}
.vk-dashboard-panel-images img {
    max-width: 40px;
    max-height: 40px;
}
.vk-dashboard-main-tabs, .vk-dashboard-sub-tabs {
    padding-left: 45px;
}
.notification-section .vk-dashboard-main-tabs, .notification-section .vk-dashboard-sub-tabs {
    padding-left: 0px;
}
.vk-dashboard-main-tabs ul {
    margin: 0;
    padding: 0;
    text-align: left;
}
.vk-dashboard-main-tabs ul li {
    list-style-type: none;
    display: inline-block;
    cursor: pointer;
}
.vk-dashboard-main-tabs ul li a {
    display: block;
    padding: 20px 25px 15px 25px;
}
.vk-dashboard-main-tabs ul li a.selected {
    background: #ff9e61;
}
.vk-dashboard-main-tabs ul li:hover {
    background: #ff9e61;
}
.vk-dashboard-main-tabs ul li a.selected {
    color: #fff !important;
}
.vk-dashboard-main-tabs ul li:hover a {
    color: #fff !important;
}
.vk-dashboard-main-tabs ul li a {
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0.4px;
    text-align: center;
    color: #6f6f6f;
    text-decoration: none;
    font-weight: 500;
}
.pad-lr-25-resonsive-0 {
    padding: 0 25px 0 0;
}
.pad-lr-30-responsive-0 {
    padding: 0 30px;
}
.border-bottom {
    border-bottom: 1px solid #dcdcdc;
}
.vk-dashboard-notification-panel img {
    width: 36px;
    height: 36px;
    margin-left: 16px;
    cursor: pointer;
}
.vk-dashboard-notification-panel {
    padding: 9px 0;
    text-align: right;
}
.display-block {
    display: block !important;
}
.vk-dashboard-sub-tabs ul {
    margin: 0;
    padding: 0;
    text-align: left;
}
.vk-dashboard-sub-tabs ul li {
    list-style-type: none;
    display: inline-block;
    padding: 17px 26px 16px 26px;
    border-bottom: 3px solid transparent;
    cursor: pointer;
}
.vk-dashboard-sub-tabs ul li.active {
    border-bottom: 3px solid #12af64;
    color: #6f6f6f;
    font-weight: 500;
}
.vk-dashboard-sub-tabs ul li:hover {
   /* border-bottom: 3px solid #12af64;
    */
}
.__mt10 {
    margin-top: 10px;
}
.vk-dashboard-sub-tabs ul li a {
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.4px;
    text-align: center;
    color: #6f6f6f;
    text-decoration: none;
    text-transform: capitalize;
}
.vk-dashboard-checkin-out-subheader {
    text-align: left;
    font-weight: normal;
    padding: 10px 20px 15px 20px;
    color: #6f6f6f;
}
.vk-dashboard-checkin-out-subheader .font-500 {
    font-weight: 500 !important;
}
.vk-dashboard-checkin-out-subheader span {
    padding: 3px 6px 0 0;
    display: inline-block;
    line-height: 1.5;
}
.vk-dashboard-common-table .vk-dashboard-search-box fieldset {
    border-radius: 30px;
    background: #fff;
}
.vk-dashboard-common-table .vk-dashboard-search-box i {
    top: 9px;
}
.vk-dashboard-common-table .vk-dashboard-search-box {
    top: 5px;
}
.vk-add-stay-panel {
    text-align: right;
    font-size: 16px;
    font-style: italic;
    color: #6f6f6f;
    margin-top: 8px;
}
.vk-add-stay-panel > span {
    position: relative;
    top: 2px;
}
.vk-dashboard-plus {
    display: inline-block;
}
.vk-dashboard-plus button {
    height: 36px;
    min-height: 36px !important;
    width: 36px;
    margin-left: 20px;
    margin-top: 0px;
    box-shadow: none;
}
.vk-dashboard-action-panel {
    text-align: right;
    padding-right: 62px;
}
.vk-dashboard-action-panel img {
    width: 22px;
    height: 22px;
    margin: 14px 10px 14px 12px;
    cursor: pointer;
}
.vk-dashboard-common-table {
    min-height: 165px;
    overflow-y: auto;
}
.vk-dashboard-common-table table {
    width: 100%;
}
.vk-dashboard-common-table .vk-gueText {
    margin-top: 50px;
}
.vk-dashboard-common-table.hide-on-mobile .vk-gueText {
    margin-top: 24px !important;
}
.vk-dashboard-common-table table thead tr {
    background: #616161;
}
.vk-dashboard-common-table table thead tr th {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #fff;
    padding: 12px 10px;
}
.vk-dashboard-common-table table thead tr th:first-child {
    padding: 12px 10px 12px 45px;
    width: 242px;
}
.vk-dashboard-common-table table tr th.showOnGuestAndBuddy {
    width: 400px;
}
.vk-dashboard-common-table table thead tr th:last-child {
    padding: 12px 45px 12px 10px;
}
.vk-dashboard-groups {
    position: relative;
}
.vk-dashboard-groups .vk-dashboard-common-table table thead tr th:last-child {
    padding: 6px 45px 7px 10px;
}
.vk-dashboard-common-table table tbody tr {
    border-bottom: 1px solid #dcdcdc;
}
.vk-dashboard-common-table table tbody tr td {
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0.4px;
    color: #6f6f6f;
    padding: 8px 10px;
    vertical-align: top;
}
.vk-dashboard-common-table-scroll table tbody tr td {
    vertical-align: middle;
}
.vk-dashboard-common-table-scroll {
    max-height: 100% !important;
}
.vk-dashboard-common-table table tbody tr td table tr td {
    padding: 0 !important;
}
/* .vk-dashboard-common-table-scroll .keycode-number span.infoSign, .vk-dashboard-common-table-scroll .hoverInfo span.infoSign {
    margin-left: 8px;
    top: 10px;
    text-transform: capitalize;
} */
.vk-dashboard-common-table-scroll .hoverInfo span.infoSign.vk-text-normal {
    text-transform: none;
}
.vk-dashboard-common-table-scroll .hoverInfo span.infoSign.vk-text-normal .vk-text-normal-lockName {
    text-transform: capitalize;
}
/* .vk-dashboard-common-table-scroll .keycode-number span .infoPop, .vk-dashboard-common-table-scroll .hoverInfo span .infoPop {
    position: absolute;
    top: -71px;
    left: 25px;
    border-radius: 20px;
    background-color: #ff9e61;
    padding: 10px 10px 8px 22px;
    color: #fff;
} */
.vk-dashboard-groups .vk-dashboard-common-table table tbody tr td svg {
    width: 35px;
    height: 35px;
}
.vk-dashboard-groups .vk-dashboard-common-table table tbody tr td > span {
    padding: 0;
}
.vk-dashboard-common-table table tbody tr td:first-child {
    padding: 8px 10px 8px 45px;
}
.vk-dashboard-common-table.devices table tbody tr td:first-child {
    padding: 8px 10px 8px 45px;
    width: 410px;
}
.vk-dashboard-common-table.devices table tbody tr.large-emergency-code td:first-child {
    padding: 8px 10px 8px 45px;
    width: 450px;
}
.vk-dashboard-common-table.devices table tbody tr td {
    vertical-align: top;
}
.vk-dashboard-common-table table tbody tr td:last-child {
    padding: 8px 45px 8px 10px;
}
.vk-dashboard-common-table td > span {
    display: block;
}
.vk-dashboard-common-table td > div {
    margin-left: -15px;
}
.vk-dashboard-status-images img {
    width: 40px;
    height: 40px;
    vertical-align: middle;
    margin: 0 8px;
    cursor: default;
}
.vk-dashboard-edit-images img {
    width: 30px;
    height: 30px;
    position: relative;
    margin: 0 8px;
    cursor: pointer;
    top: 5px;
    vertical-align: top;
}
.vk-dashboard-edit-images i:nth-child(2) {
    font-size: 33px;
    position: relative;
    top: -5px;
    margin: 0 4px;
    cursor: pointer;
}
.vk-dashboard-edit-images i:nth-child(3) {
    font-size: 42px;
    position: relative;
    top: 0px;
    cursor: pointer;
}
.vk-dashboard-edit-images i {
    font-size: 42px;
}
.access-code-icon {
    vertical-align: middle;
    position: relative;
    top: -1px;
    left: 12px;
    width: 15px;
}
.vk-dashboard-all-status-images {
    display: inline-block;
    padding-left: 10px;
}
.alert {
    display: inline-block;
    padding-left: 0px !important;
}
.vk-dashboard-all-status-images img {
    width: 36px;
    height: 36px;
    vertical-align: middle;
    margin: 0 0 0 8px;
    cursor: pointer;
}
.vk-dashboard-all-status-title {
    display: inline-block;
    vertical-align: top;
}
.vk-dashboard-all-status-title h5 {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.5px;
    text-align: left;
    color: #6f6f6f;
    margin: -5px 0 4px 0;
}
.vk-dashboard-all-status-title span {
    font-size: 12px;
    letter-spacing: 0.3px;
    text-align: left;
    margin-bottom: 10px;
    color: #6f6f6f;
}
.vk-dashboard-all-status-container {
    padding: 30px 10px 20px 10px;
}
.vk-dashboard-all-status-icons {
    margin-top: 5px;
    margin-bottom: 5px;
}
.vk-dashboard-all-status-icons > div {
    font-size: 10px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    text-align: left;
    color: #6f6f6f;
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    margin-right: 12px;
}
.vk-dashboard-all-status-icons > div > span {
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 100%;
    vertical-align: middle;
    margin-right: 3px;
}
.vk-dashboard-all-status-icons .sent span {
    background: #12af64;
}
.vk-dashboard-all-status-icons .paused span {
    background: #ff9e61;
}
.vk-dashboard-all-status-icons .failed span {
    background: #ff423d;
}
.vk-dashboard-all-status-icons .scheduled span {
    background: #a7a6a6;
}
.vk-dashboard-all-status-icons .not-activated span {
    border: 1px dotted #979797;
}
.vk-dashboard-all-status-icons .not-applicable span {
    border: 1px dotted #12af64;
}
.dark-options-li img {
    width: 20px !important;
}
.show-on-mobile {
    display: none;
}
.vk-dashboard-checkin-out-subheader > div {
    display: inline-block;
    margin-right: 15px;
}
.vk-dashboard-common-table-mobile table {
    width: 100%;
    border-top: 1px solid #dfdfdf;
}
.vk-dashboard-common-table-mobile tbody tr td {
    padding: 10px;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0.4px;
    color: #6f6f6f;
}
.vk-dashboard-common-table-mobile tbody tr.green-bg {
   /* background: #08311e;
    */
    border-bottom: 1px solid #ccc;
}
.vk-dashboard-common-table-mobile tbody tr.green-bg h5, .vk-dashboard-common-table-mobile tbody tr.green-bg .vk-dashboard-all-status-icons > div, .vk-dashboard-common-table-mobile tbody tr.green-bg td i, .vk-dashboard-common-table-mobile tbody tr.green-bg .vk-dashboard-all-status-title span {
   /* color: #ffffff;
    */
}
.bgGreen {
    background: #1e8a56;
}
.vk-dashboard-common-table-mobile tbody tr.bgGreen td {
    color: #fff;
}
.vk-dashboard-common-table-mobile tbody tr.green-bg td {
    color: #fff;
    position: relative;
    padding: 5px 10px;
}
.vk-dashboard-common-table-mobile tbody tr.green-bg td i {
    position: absolute;
    right: 5px;
    top: 11px;
    color: #115435;
    font-size: 30px;
    cursor: pointer;
}
.vk-currMobile .font-500 > span > div {
    display: inline-block;
}
.vk-dashboard-common-table-mobile tbody tr.access-collapsible {
    border-bottom: 1px solid #979797;
}
.vk-dashboard-common-table-mobile tbody tr.access-collapsible td {
    position: relative;
}
.vk-dashboard-common-table-mobile tbody tr.access-collapsible td i {
    position: absolute;
    right: 5px;
    bottom: -3px;
    color: #979797;
    font-size: 30px;
    cursor: pointer;
}
.vk-dashboard-common-table-mobile tbody tr.access-collapsible td i.remove-buddy {
    position: absolute;
    right: 5px;
    top: 9px;
    color: #12af64;
    font-size: 20px;
    cursor: pointer;
}
.font-500 {
    font-weight: 500 !important;
}
.font-500 + div {
    margin-left: 0 !important;
    display: inline-block;
}
.font-normal {
    font-weight: normal !important;
}
.search-properties-menu ul {
    width: 478px;
    height: 540px;
}
.mb5 {
    margin-bottom: 5px;
}
.vk-delete-property .title.greenTitle, .vk-delete-property .title.greenTitle h6 {
    color: #12af64;
}
.search-properties-menu ul h4 {
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    line-height: normal;
    letter-spacing: 0.4px;
    color: #6f6f6f;
    border-bottom: 1px solid #979797;
    padding: 5px 15px 5px;
    margin: -5px 0 0 0;
    opacity: 0.53;
    outline: none;
}
.search-properties-menu ul li {
    width: 25%;
    box-sizing: border-box;
    height: auto;
    text-align: center;
    white-space: normal;
    float: left;
}
.search-properties-menu ul li svg {
    color: #12af64 !important;
}
.search-properties-menu ul li label span {
    padding: 0;
}
.search-properties-menu ul li label img {
    width: 26px;
}
.search-properties-menu ul li label h5 {
    font-size: 12px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0.4px;
    color: #6f6f6f;
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menuItemLable label {
    width: 100%;
}
.search-properties-menu > div:first-child + div {
    top: 63px !important;
}
.search-properties-menu ul li label .image-icon {
    width: 26px;
    height: 26px;
    margin: 0 auto 0px auto;
    display: flex;
    align-items: center;
}
.search-properties-menu ul li:hover, .search-properties-menu ul li:focus {
    background: none;
}
.vk-dashboard-notification-panel-mobile {
    position: absolute;
    bottom: -6px;
    right: 4px;
}
.vk-dashboard-notification-panel-mobile i {
    font-size: 29px;
    cursor: pointer;
}
.notification-menu-menu ul {
    margin: 0;
    padding: 0;
}
.notification-menu-menu li {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.3px;
    color: #535353;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding: 12px;
    height: 40px;
    line-height: 1.8;
}
.notification-menu-menu li img {
    width: 25px;
    height: 25px;
    float: right;
    margin-top: -4px;
}
.notification-menu-menu > div:nth-child(2) {
    max-width: 190px !important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
   /* top: 190px !important;
    */
}
.collapse-data td {
    padding: 0 30px !important;
}
.collapse-data td .vk-dashboard-all-status-container {
    padding: 15px 15px 20px 15px;
}
.contact-heading {
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0.4px;
    color: #6f6f6f;
    margin-bottom: 30px;
}
/* .vk-dashboard-common-table table tbody tr:nth-child(even) {
    background: #f1f1f1;
}
*/
.vk-dashboard-common-table.devices table tbody tr:nth-child(even) {
    background: #fff;
}

span.vk-spacebtn {
    width: 90px;
}

.battery-level-block h5 {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.5px;
    /* text-align: center; */
    color: #6f6f6f;
    margin: 12px 0 24px 0;
}
.battery-level-block h6 {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.4px;
    text-align: center;
    color: #6f6f6f;
    margin: 8px 0;
}
.battery-level-block .refresh-icon {
    width: 20px;
    margin-left: 15px;
}

.hoverInfo span {
    padding: 3px 9px;
    border: 1px solid #d6d6d6;
    margin: 1px 5px 5px 0;
    display: inline-block;
    color: #555 !important;
    font-size: 19px;
    font-weight: 500;
    border-radius: 5px;
}
.large-emergency-code .hoverInfo span {
    padding: 3px 3px;
    border: 1px solid #d6d6d6;
    margin: 5px 5px 5px 0;
    display: inline-block;
    color: #555 !important;
    font-size: 19px;
    font-weight: 500;
    border-radius: 5px;
}
.hoverInfo span.infoSign img {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.access-data-conatiner {
    position: relative;
}
.hoverInfo span .infoPop {
    width: 205px;
}
.hoverInfo span .infoPop::before {
    position: absolute;
    content: "";
    left: 0px;
    bottom: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 17px 10px;
    border-color: transparent transparent transparent #ff9e61;
    transform: rotate(20deg);
    clear: both;
    zoom: 1;
}

.hoverInfo .ercode .infoPop {
    width: 140px;
    top: -45px;
}
.access-code-block img {
    width: 40px;
    height: 40px;
    margin-left: 14px;
    vertical-align: middle;
    margin-bottom: 10px;
    margin-top: 5px;
}
.battery-level-block .battery-icon {
    width: 42px;
}
.battery-level-block .wifi-icon {
    width: 30px;
    padding-bottom: 5px;
    margin-right: 10px;
}
.border-on-tabs {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-top: 5px;
}

.greenText {
    color: #12af64;
    font-size: 12px;
    margin-bottom: 0;
}
.greenText * {
    font-size: 12px;
}
.greenText span {
    font-size: 12px;
}
.greenText span img {
    margin: 0 2px;
}

.vk-status-last {
    font-size: 18px;
    text-align: center;
}
.vk-status-last span {
    font-weight: 400;
}
.vk-input-text > div input:disabled {
    background: #ccc;
}
/* //pagination css / */
.custom-pagination {
    overflow: hidden;
    margin-top: 10px;
    padding: 15px 0px;
    float: right;
    width: 100%;
}
.no-properties {
    font-size: 16px;
    text-align: center;
   /* border: 1px solid #cccccc;
    */
    width: 100%;
    height: 90px;
    max-height: 100px;
    padding-top: 28px;
    margin-top: 30px;
    border-radius: 4px;
    background-color: #12af64;
    color: #fff;
}
.justify-center {
    justify-content: center !important;
}
.cursorPointer {
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
}
.error-model {
    display: block;
    color: #ff524b;
}

.remove-buddy {
    cursor: pointer;
}
.no-group {
    margin: 0 26px;
    padding: 21px;
    box-sizing: border-box;
    font-size: 16px;
    color: #656161;
    border-radius: 4px;
    font-weight: 400;
}
.ERcodebtn {
    font-size: 14px !important;
    font-weight: 500 !important;
    text-align: center !important;
    color: #fff !important;
    padding: 8px 24px !important;
    margin-top: 10px !important;
    text-transform: none !important;
}
.mt-3 {
    margin-top: 3px;
}
.refresh-device {
    margin-top: 5px !important;
}
.refresh-device p {
    float: left;
    font-size: 14px;
    margin-right: 14px;
    color: #797979;
    position: relative;
    top: 7px;
    text-transform: inherit;
    font-weight: 500;
}
.refresh-device span {
    float: left;
    display: block;
    border-radius: 13.5px;
    border: solid 1px #979797;
    width: 45px;
    text-align: center;
    padding: 5px 0;
    cursor: pointer;
}
.refresh-device span img {
    max-width: 19px;
    max-height: 19px;
}
.vk-changeERcode {
    margin: 3px 0 8px;
    padding: 0 15px;
    float: right;
}
.vk-changeERcode li {
    float: left;
    list-style: none;
}
.vk-changeERcode li:last-child {
    margin-left: 50px;
}
/* lights tab */
.vk-border-bottom {
    border-bottom: solid 1px #ccc;
    color: #6c6c6c!important;
}
.vk-light-left {
    padding: 8px 10px 8px 5px;
    display: flex;
    align-items: center;
    height: 100%;
}
/* .vk-light-left h6 {
    font-size: 18px;
    font-weight: 500;
    color: #535353;
} */
.vk-light-left h6 > span {
    display: block;
    font-size: 16px;
}
.vk-light-right > div > div {
    padding: 8px 10px;
    text-align: center;
}
.vk-light-right .vk-lockTop {
    font-size: 14px;
    font-weight: 500;
    color: #535353;
}
.vk-light-right .vk-lockWifi {
    font-size: 14px;
    font-weight: 500;
    color: #535353;
}
.vk-light-right .vk-lockWifi span {
    display: block;
    margin-bottom: 5px;
}
.vk-light-right .vk-lockWifi span img {
    max-width: 31px;
}

.vk-light-right .trunOn {
    background: #fff !important;
    border-radius: 40px;
    padding-right: 16px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 5%;
    border: solid 1px #0e8d4b;
    padding-left: 4px;
}

.vk-yes {
    color: #21aa62;
}
.vk-no {
    color: #f0534f;
}
.vk-dooropen-box h5 {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.5px;
    text-align: center;
    color: #6f6f6f;
    margin: 12px 0;
}
.mobile-menu {
    position: absolute;
    width: 180px;
    background: #fff;
    z-index: 1000;
    right: 0;
   /* height: 100px;
    */
    margin: 0;
    color: #6b6767;
    padding: 0;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
    top: 29px;
}
.mobile-menu li {
    list-style: none;
    padding: 10px 10px;
    font-size: 12px;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.mobile-menu li img {
    width: 25px;
    height: 25px;
    float: right;
}
.vk-br {
    display: none;
}
.vk-img-info {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}
.vk-img-info img {
    max-width: 72px;
    min-width: 72px;
}
.vk-img-info span {
    position: absolute;
    top: -5px;
    left: -3px;
}
.vk-img-info span img {
    max-width: 25px;
}
/* .loader {
    z-index: 11111111;
    width: 75px;
    height: 75px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
} */
.remove-buddy {
    cursor: pointer;
}
.no-group {
    margin: 0 26px;
    padding: 21px;
    box-sizing: border-box;
    font-size: 16px;
    color: #656161;
    border-radius: 4px;
    font-weight: 400;
}
.ERcodebtn {
    font-size: 14px !important;
    font-weight: 500 !important;
    text-align: center !important;
    color: #fff !important;
    padding: 8px 24px !important;
    margin-top: 10px !important;
    text-transform: none !important;
}
.mt-3 {
    margin-top: 3px;
}
.refresh-device {
    margin-top: 5px !important;
}
.refresh-device p {
    float: left;
    font-size: 14px;
    margin-right: 14px;
    color: #797979;
    position: relative;
    top: 7px;
    text-transform: inherit;
    font-weight: 500;
}
.refresh-device span {
    float: left;
    display: block;
    border-radius: 13.5px;
    border: solid 1px #979797;
    width: 45px;
    text-align: center;
    padding: 5px 0;
    cursor: pointer;
}
.refresh-device span:hover {
    border: solid 1px #ff9e61;
}
.refresh-device span img {
    max-width: 19px;
    max-height: 19px;
}
.vk-changeERcode {
    margin: 3px 0 8px;
    padding: 0 15px;
    float: right;
}
.vk-changeERcode li {
    float: left;
    list-style: none;
}
.vk-changeERcode li:last-child {
    margin-left: 50px;
}
/* lights tab */
.vk-border-bottom {
    border-bottom: solid 1px #ccc;
}
.vk-light-left {
    padding: 8px 10px 8px 5px;
    display: flex;
    align-items: center;
    height: 100%;
}
.vk-light-left h6 {
    font-size: 18px;
    font-weight: 500;
    color: #535353;
    /* width: max-content; */
}
.vk-light-left h6 > span {
    display: block;
    font-size: 16px;
}
.vk-light-right > div > div {
    padding: 8px 10px;
    text-align: center;
}
.vk-light-right .vk-lockTop {
    font-size: 14px;
    font-weight: 500;
    color: #535353;
}
.vk-light-right .vk-lockWifi {
    font-size: 14px;
    font-weight: 500;
    color: #535353;
}
.vk-light-right .vk-lockWifi span {
    display: block;
    margin-bottom: 5px;
}
.vk-light-right .vk-lockWifi span img {
    max-width: 31px;
}

.vk-light-right .trunOn {
    background: #fff !important;
    border-radius: 40px;
    padding-right: 16px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 5%;
    border: solid 1px #0e8d4b;
    padding-left: 4px;
}

.vk-light-right .trunOn .lock-widget {
    margin-right: 7px;
    background: #0e8d4b;
    border-radius: 100%;
    padding: 0;
    width: 58px;
    height: 58px;
}
.vk-light-right .trunOn .lock-widget span {
    width: 55px;
    height: 55px;
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center 1px;
    margin: 2px;
}
.vk-light-right .lock-widget span {
    background: none !important;
}
.vk-light-right .lock-widget span img {
    max-width: 60px;
    margin: -2px 0 0 -3px;
}
.vk-yes {
    color: #21aa62;
}
.vk-no {
    color: #f0534f;
}
.vk-dooropen-box h5 {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.5px;
    text-align: center;
    color: #6f6f6f;
    margin: 12px 0;
}
.mobile-menu {
    position: absolute;
    width: 180px;
    background: #fff;
    z-index: 1000;
    right: 0;
   /* height: 100px;
    */
    margin: 0;
    color: #6b6767;
    padding: 0;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
    top: 29px;
}
.vk-img-temp > div i {
    position: absolute;
    top: -12px;
    right: -18px;
}
.mobile-menu li {
    list-style: none;
    padding: 10px 10px;
    font-size: 12px;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.mobile-menu li img {
    width: 25px;
    height: 25px;
    float: right;
}
.vk-br {
    display: none;
}
.vk-img-info {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}
.vk-img-info img {
    max-width: 72px;
    min-width: 72px;
}
.vk-img-info span {
    position: absolute;
    top: -5px;
    left: -3px;
}
.vk-img-info span img {
    max-width: 25px;
}
.vk-img-temp {
    position: relative;
    display: inline-block;
    font-size: 34px;
    font-weight: 500;
    color: #535353;
    margin-right: 54px;
}
.vk-img-temp > div {
    font-size: 14px;
    position: absolute;
    top: -1px;
    right: -16px;
    line-height: 7px;
    padding-top: 10px;
}
.vk-img-temp > div i {
    position: absolute;
    top: -12px;
    right: -18px;
}
.vk-img-temp > div i.showTwoIcons {
    position: absolute;
    top: -16px;
    right: -40px;
}
.vk-img-temp > div i img {
    height: 18px;
}
.vk-img-temp div > span.top {
    display: block;
    border-bottom: solid 2px #535353;
    padding: 0px 5px 7px 5px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px;
    position: relative;
    left: 14px;
}
.vk-img-temp div > span.bottom {
    display: block;
    border-bottom: solid 0px #535353;
    padding: 5px 5px 7px 5px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
    position: relative;
    left: 14px;
}
.temp-text {
    font-size: 10px;
    color: #535353;
}
.marTempr {
    margin-right: 36px;
}
.vk-share-key .title h6 {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: #ff9e61;
}
.vk-share-key .title i {
    float: right;
    cursor: pointer;
}
.vk-share-key p.inputLabel {
    font-size: 14px;
    color: #ff9e61;
    font-weight: 500;
    margin-bottom: 6px;
    padding: 0 0 0 12px;
}
.vk-share-key hr {
    height: auto;
    width: 100%;
    box-sizing: border-box;
    border-color: #e2e0e0;
}
.vk-share-key button {
    box-shadow: none;
    font-size: 16px;
    text-transform: none;
    padding: 10px 15px;
    margin-bottom: 15px;
    min-width: 100px;
}
.vk-share-key > div:nth-child(2) > div {
    max-width: 800px;
}
.vk-select-box {
    width: 100%;
    margin-bottom: 10px !important;
}
.vk-select-box label {
    font-size: 14px;
    color: #ff9e61;
    font-weight: 500;
    padding-left: 15px;
    position: absolute;
    top: 63px;
    left: 0;
}
.vk-share-form > div {
    padding: 0 40px;
}
.vk-share-form > div > div {
    font-size: 16px;
}
.showHeatCooTemp {
    display: block;
    border-bottom: solid 3px #535353;
    padding: 0 5px;
    font-size: 24px;
    margin-bottom: 3px;
}
.showHeatlowTem {
    font-size: 30px;
    position: absolute;
    top: 36px;
    right: 0;
    line-height: 34px;
}
.vk-select-box > div {
    border: solid 1px #ff9e61;
    background-color: #fff;
    border-radius: 24px;
    overflow: hidden;
}
.message {
    border-radius: 10px !important;
}
.vk-select-box .vk-form::before, .vk-select-box .vk-form::after, .vk-input-text > div::before, .vk-input-text > div::after {
    display: none;
}
.vk-select-box .vk-form {
    font-size: 15px;
    text-align: center;
    color: #6c6c6c;
}
.vk-form > div > div {
    padding: 8px 20px 8px 52px;
    background-color: transparent;
    font-size: 16px;
    color: #6f6f6f;
}
.vk-input-text > div input {
    font-size: 16px;
    padding: 8px 10px;
    text-align: center;
    color: #6f6f6f;
}
.vk-input-text.message > div textarea {
    font-size: 16px;
    padding: 5px 10px;
    color: #6f6f6f;
    line-height: 23px;
}
.vk-share-form .react-datepicker-popper {
    border-radius: 10px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    border: none;
    width: 100%;
    margin-top: 0px !important;
    z-index: 10;
}
.vk-share-form .react-datepicker {
    border: none;
    width: 100%;
}
.vk-share-form .react-datepicker__header {
    background-color: transparent;
    border: none;
}
.vk-share-form .react-datepicker button {
    padding: 0;
}
.vk-share-form .react-datepicker__current-month {
    font-size: 12px;
    color: #12af64;
}
.vk-share-form .react-datepicker__input-container input {
    width: 100%;
    border: none;
    padding: 8px 10px;
    text-align: center;
}
.vk-share-form .react-datepicker__input-container input:focus {
    border: none;
    outline-width: 0;
}
.vk-share-form .react-datepicker__day-names {
    font-size: 12px;
}
.vk-share-form .react-datepicker__week {
    font-size: 12px;
    color: #616161;
}
.vk-select-box .react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text {
    background-color: rgba(18, 175, 100, 0.5);
}
.vk-select-box .react-datepicker__day--selected {
    background-color: #12af64 !important;
    color: #fff;
    border-radius: 0;
}
.vk-select-box .react-datepicker__day--today {
    background-color: rgba(18, 175, 100, 0.8) !important;
    color: #fff;
    border-radius: 0;
}
.vk-select-box .react-datepicker__day:hover, .vk-select-box .react-datepicker__month-text:hover, .vk-select-box .react-datepicker__quarter-text:hover {
    background-color: #12af64;
    color: #fff;
    border-radius: 0;
}
.vk-select-box .react-datepicker__day--disabled {
    background-color: #ccc !important;
    color: #000 !important;
    border-radius: 0;
}
.vk-select-box .react-datepicker__month-container {
    width: 100%;
    border: solid 1px #ccc;
}
.vk-select-box .react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected {
    border-radius: 0px;
}
.vk-select-box .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
    width: 30px !important;
    margin: 5px !important;
    padding: 5px 0;
    line-height: 16px !important;
}
.vk-select-box .react-datepicker__day--disabled, .vk-select-box .react-datepicker__month-text--disabled, .vk-select-box .react-datepicker__quarter-text--disabled {
    background-color: #ccc !important;
    color: #000;
}
.react-datepicker__day--today {
    background-color: #23c175 !important;
    color: #fff !important;
    border-radius: 0;
}
.vk-select-box2 .react-datepicker__current-month {
    color: #ff9e61;
}
.vk-select-box2 .react-datepicker__day:hover, .vk-select-box2 .react-datepicker__month-text:hover, .vk-select-box2 .react-datepicker__quarter-text:hover {
    background-color: #ff9e61;
}
.vk-select-box2 .react-datepicker__day, .vk-select-box2 .react-datepicker__month-text, .vk-select-box2 .react-datepicker__quarter-text {
    background-color: rgba(255, 158, 97, 0.5);
}
.vk-select-box2 .react-datepicker__day--selected {
    background-color: #ff9e61 !important;
    color: #fff;
}
.vk-select-box2 .react-datepicker__day--today {
    background-color: #fda872 !important;
    color: #fff;
}
.vk-select-box2 .react-datepicker__day--today {
    background-color: rgba(255, 158, 97, 0.8) !important;
    color: #fff;
    border-radius: 0;
}
.vk-select-box2 .react-datepicker__day--keyboard-selected {
    background-color: #ff9e61;
}
.vk-select-box .react-datepicker__time-container {
    float: left;
    font-size: 16px;
    color: #6f6f6f;
}
.vk-select-box .react-datepicker--time-only .react-datepicker__time-container {
    width: 100%;
}
.vk-select-box .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    width: 100%;
}
.vk-select-box .react-datepicker-time__header {
    display: none;
}
.vk-select-box .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    padding-left: 18px;
    text-align: left;
}
.vk-select-box .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    background-color: #ff9e61;
    color: #fff;
}
.vk-select-box .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: rgba(245, 166, 35, 0.4);
    font-weight: normal;
    color: #000;
}
.react-datepicker button {
    min-width: auto;
}
.vk-delete-property .title h6 {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: #ff9e61;
}
.vk-delete-property .alert-enable {
    color: #12af64;
}
.vk-delete-property .title h6 i {
    font-size: 30px;
    font-weight: 500;
    color: #616161;
}
.vk-delete-property .title i {
    float: right;
    cursor: pointer;
}
.vk-delete-property p {
    font-size: 16px;
}
.vk-delete-property hr {
    height: auto;
    width: 100%;
    box-sizing: border-box;
    border-color: #e2e0e0;
    margin: 0;
}
.vk-delete-property button {
    box-shadow: none;
    font-size: 16px;
    text-transform: none;
    padding: 10px 30px;
    margin-bottom: 15px;
}
.customDropdownStyle {
    border-radius: 23px !important;
}
.customDropdownStyle ul {
    max-height: 300px;
}
.customDropdownStyle ul li {
    font-size: 16px;
    padding: 5px 15px;
}
.customDropdownStyle ul li:hover {
    background-color: #ff9e61 !important;
    color: #fff;
}
/* .keycode-number img.refresh-icon {
    max-width: 20px;
} */
.vk-addDialog {
    overflow-y: initial !important;
}
.vk-devices-battery {
    width: 44px;
    margin: 0 auto;
    position: relative;
    min-height: 32px;
    display: flex;
    align-items: center;
}
.refresh-icon {
    position: absolute;
    top: 5px;
    right: -29px;
}
.vk-devices-status {
    width: 90px;
    margin: 0 auto;
    position: relative;
}
.vk-devices-status img {
    max-width: 32px;
}
.vk-staff-one, .vk-staff-two {
    position: relative;
}
.vk-staff-one i, .vk-staff-two i {
    content: "";
    position: absolute;
    top: 12px;
    left: -26px;
    width: 31px;
    height: 31px;
    border-radius: 50%;
}
.vk-staff-one i img, .vk-staff-two i img {
    max-width: 100%;
}
.alignDiv {
    display: inline-block;
}
.changeErCode-icon {
    width: 40px;
}
.custom-img-size-filter {
    max-height: 30px;
    width: auto;
    max-width: 37px;
}
.access-data-conatiner h3 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.grayIcon {
    color: #635d5d;
    font-weight: 500;
    font-size: 30px;
}
.alert-enable {
    color: #12af64 !important;
    text-align: center;
    font-weight: 500;
}
.alert-disable {
    color: #ff9e61 !important;
    text-align: center;
    font-weight: 500;
}
.vk-ERcode-section h6 i {
    color: #635d5d;
}
.vk-ERcode-section .title {
    padding: 15px 15px 5px 15px;
}
.ERcode-section {
    color: #635d5d;
    text-align: center;
}
.ERcode-section p {
    font-size: 16px;
    margin: 20px 0 0;
}
.ERcode-section p:nth-child(2).text-center {
    color: #ff9e61;
    font-weight: 500;
}
.ERcode-successFail .ERupdate {
    color: #12af64;
    font-weight: 500;
}
.ERcode-successFail .ERError .ERchange {
    color: #ff9e61;
    font-weight: 500;
}
.stay-past-collapsible-data div span {
   /* margin-right:50px;
    */
}
.stay-past-collapsible-data div {
    margin-top: 5px;
   /* padding: 8px 10px 8px 34px;
    */
}
.stay-past-collapsible-data div:first-child {
    margin-top: 0;
}
.__mh0 {
    margin-left: 0 !important;
}
.stay-past-collapsible-data > div, .upcommingTab > div {
    margin-left: 0px !important;
}
.access-data-conatiner {
    min-height: 165px;
}
.upcommingTab .vk-dashboard-all-status-container {
    padding: 16px 0 0px;
}
.removeIcon {
    font-weight: 500;
    font-size: 28px;
    position: relative;
    top: 9px;
    margin-left: 12px;
    cursor: pointer;
    color: #676464;
}
.cursorPointer {
    cursor: pointer;
}
.cursorPointer1 {
    cursor: pointer;
}
/* .keycode-container div {
    font-size: 12px !important;
    text-align: left;
} */
.vk-dashboard-common-table-scroll thead tr {
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}
.vk-dashboard-common-table-scroll thead th {
    box-shadow: none !important;
}
.vk-upCode span > div {
    display: inline-block;
}
.vk-upCode .hoverInfo span {
    margin: 0;
}
.vk-upCode .infoSign {
    margin-left: 4px !important;
    top: 6px !important;
}
/* .tick-icon-small {
    max-height: 15px;
    position: relative;
    top: -2px;
    left: 2px;
} */
.vk-popup-color {
    color: #12af64 !important;
    font-size: 20px !important;
    font-weight: 500 !important;
}
.vk-staus-icons {
    margin: 5px 0;
}
.vk-staus-icons img {
    width: 30px;
    height: 30px;
}
.vkNoTaskCompletionCode h6 {
    line-height: normal;
    letter-spacing: 0.5px;
    font-weight: 500;
    color: #515252;
    text-transform: capitalize;
    font-size: 14px;
}
.vkNoTaskCompletionCode {
    padding: 15px;
}
.vkNoTaskCompletionCode p {
    color: #ff9e61;
    font-size: 12px !important;
}
.error-text {
    background: none;
    font-size: 12px;
    color: #ff524b;
    border: none !important;
}
.enable-color {
    color: #12af64;
}
.disbale-color {
    color: #ff9e61;
}

.mt15 {
    margin-top: 15px;
}
.vk-popbox-alignment > div:nth-child(2) > div {
    max-width: 400px;
}
.vk-popbox-alignment > div:nth-child(2) > div .title {
    padding: 15px 24px 10px;
}
.verticle-center-data {
    margin-top: 25px;
}
.orange-color-model {
    color: #ff9e61;
    text-align: left;
}
.proceed-Color {
    text-align: center;
    font-weight: 500;
    color: #2d2d2d;
}
.orange-color-model p {
    margin: 5px 0 0;
}
.orange-color-model p:first-child {
    margin: 20px 0 0;
}
.text-content-left {
    text-align: left;
}
.vk-dashboard-status-images-custom {
    text-align: left;
    margin: 0 auto;
    width: 144px;
    display: inline-block;
}
.remove-spce-icon img:first-child {
    margin-left: 0;
}
.remove-buddy {
    vertical-align: middle;
    color: #12af64;
}
.selectedRow {
    background: #f3f3f3;
}
.verticalMiddle {
    vertical-align: middle !important;
}
.vk-done-add, .vk-done-remove {
    text-align: center;
    padding: 10px 16px 10px;
    border-top: solid 1px #ccc;
}
.vk-done-add span, .vk-done-remove span {
    cursor: pointer;
}
.vk-done-add {
    color: #12af64;
}
.vk-done-remove {
    color: #12af64;
}
.vk-email-pop p:first-child {
    margin-top: 0;
}
.wd50 {
    width: 50%;
}
.wd33 {
    width: 33%;
}
.wd100 {
    width: 100%;
}
.ml0add > div {
    margin-left: 0px !important;
}
.ml0add .font-500 {
    display: inline-block;
}
.changeEmer {
    text-align: left !important;
}
.mt0 {
    margin-top: 0 !important;
}
.newRemoveSpace > div > div {
    max-width: 500px;
}
.vk-delete-property.vk-ERcode-section > div > div {
    max-width: 440px;
}
.alert-section h6 i {
    color: #635d5d;
}
.alert-section .title {
    padding: 15px 15px 5px 15px;
}
.newRemoveSpace > div > div > div:nth-child(1) {
    padding: 24px 24px 10px;
}
.newRemoveSpace > div > div > div:nth-child(2) {
    padding: 0 60px 10px;
}
.vk-stay-relative {
    position: relative;
}
.vk-stay-relative .input-icon {
    position: absolute;
    bottom: 1px;
    left: 1px;
    z-index: 2;
    background: #ff9e61;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    padding-left: 6px;
    padding-right: 6px;
    height: 35px;
}
.vk-stay-relative .vk-input-text > div input {
    padding: 8px 10px 8px 52px;
}
.vk-share-form .vk-stay-relative .react-datepicker__input-container input {
    padding: 6px 20px 6px 52px;
    background: transparent;
    height: 35px;
}
.vk-select-box.border-error > div, .vk-select-box > div.border-error {
    border-color: #ff524b;
    background: rgba(255, 0, 0, 0.1);
}
.alignDiv .access-code-block, .alignDiv .ercode {
    float: left;
}
.alignDiv .ercode {
    position: relative;
    margin-top: 5px;
    cursor: pointer;
    margin-left: 14px;
}
.alignDiv .ercode:first-child {
    margin-left: 0;
}
.alignDiv .ercode .infoPop {
    position: absolute;
    top: -58px;
    left: 41px;
    border-radius: 20px;
    background-color: #ff9e61;
    padding: 12px 10px 12px 22px;
    color: #fff;
    width: 164px;
    display: none;
    z-index: 10;
}
.alignDiv .ercode .infoPop p {
    margin: 0;
    padding: 0;
}
.alignDiv .ercode .infoPop::before {
    position: absolute;
    content: "";
    left: 0px;
    bottom: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 17px 10px;
    border-color: transparent transparent transparent #ff9e61;
    transform: rotate(20deg);
    clear: both;
    zoom: 1;
}
.alignDiv .ercode:hover .infoPop {
    display: block;
}
.vk-devices-status .refresh-icon {
    left: 57px;
}
.minusMargintop8 {
    margin-top: -14px !important;
    display: inline-block;
}
div.vk-stayLeft {
    margin-left: 11px !important;
}
.smallImages img {
    height: 30px;
}
.mbC0 {
    margin-bottom: 0;
    padding-bottom: 0;
}
.expansion-panel-summary[aria-expanded="false"] .expand_custom_icon {
    margin-top: 8px;
}
.no-group a {
    text-decoration: underline !important;
    color: #ff9e61;
    font-weight: 500 !important;
}
.no-group b {
    font-weight: 500;
}
.display-inline-block-child span {
    display: inline-block !important;
}
.vk-gueText22 {
    margin-top: 22px;
}
.vk-dashboard-search-type-icon-right {
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px !important;
}
.vk-dashboard-search-type-icon-right svg {
    color: #fff !important;
}
.vk-dashboard-search-type-icon-right button {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-right: 0;
    background: #12af64;
    position: relative;
    z-index: 110;
    padding: 12px 14px;
}
.vk-dashboard-search-type-icon-right button:hover {
    background: #ff9e61;
}
.vk-dashboard-search-type-icon-right button:disabled {
    background: #ccc;
}
.vk-inboxApp-search-type-icon {
    display: inline-block;
    vertical-align: middle;
}
.vk-inboxApp-search-type-icon fieldset {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-right: 0;
    background: #ff9e61;
    border-color: transparent !important;
}
.vk-inboxApp-search-type-icon fieldset + div > div:first-child {
    padding: 9px 23px 10px 10px;
    height: 24px !important;
}
.vk-inboxApp-search-type-icon.reservation fieldset + div > div:first-child {
    height: 26px !important;
}
.vk-inboxApp-sendmsg-search .vk-inboxApp-search-type-icon fieldset + div > div:first-child {
    padding: 9px 23px 8px 10px;
    height: 24px !important;
}
.vk-inboxApp-search-type-icon fieldset + div > div:first-child:focus {
    background: none !important;
}
.vk-inboxApp-sendmsg-search .vk-inboxApp-search-type-icon fieldset + div > div:first-child:focus {
    background: none !important;
}
.vk-inboxApp-search-type-icon img {
    width: 24px;
    height: 24px;
}
.vk-inboxApp-search-type-icon svg {
    color: #fff;
}
.vk-inboxApp-search-type-icon select {
    background: #ff9e61;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 12px 14px;
    width: 45px;
}
.hoverColorNext {
    border-radius: 0 30px 30px 0;
    border: 2px solid #ccc;
    outline: none;
    padding: 10px 14px !important;
    width: 279px !important;
}
.hoverColorNext:focus {
    border-color: #ff9e61;
}
.hoverColorNext::placeholder {
    color: rgba(147, 147, 147, 0.5);
}
.hoverColorNext > div > fieldset {
    border-left: none !important;
}
.mobile-paggination {
    display: none;
}
.vk-dashboard-all-status-images img.cursor-default {
    cursor: default;
}
.ercode.noSpace {
    margin-left: 0;
}
.error {
    color: #ff524b !important;
}
.edit-green {
    top: 5px;
    right: 14px;
    cursor: pointer;
}
.stay_permission_disabled button, .remove-buddy-icon-disabled, .stay_permission_disabled img {
    cursor: no-drop;
}
.stay_permission_disabled button, .stay_permission_disabled button:hover {
    background-color: #ccc;
}
.remove-buddy-icon-disabled.remove-buddy {
    color: #ccc;
    cursor: default;
}
/* 23-03-2020 */
.thermostats-row {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0px 0px 20px 10px;
    width: 100%;
    /* border-bottom: 2px solid #dcdcdc; */
    font-size: 18px;
}
.thermostats-row.is-off-from-smartrule {
    padding: 0px 0px 10px 10px;
}
.thermostats-row > div {
    padding: 5px;
    text-align: center;
}
.thermostats-row > div:first-child {
    text-align: left;
}
.thermostats-row .tempEdit.center {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
}
.thermo-state-show-on-desktop {
    display: flex;
    /* border-bottom: solid 1px #616161; */
}
.thermostat-smart-rule-disabled {
    padding: 0px 0px 10px 10px !important;
    position: relative;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
.thermostat-smart-rule-disabled-text {
    font-size: 12px;
    padding: 5px;
    max-width: 374px;
    line-height: 20px;
  }
.thermostats-row > div:last-child {
    text-align: right;
}
/* .thermostats-row .vk-img-temp {
    margin-right: 36px;
} */
.thermostats-row h3 {
    font-size: 16px;
    font-weight: 500;
    color: #6c6c6c;
}
.thermostats-row .thermo3 h3 {
    text-align: left;
    padding-left: 10px;
}
.thermostats-row .thermo3 .tempEdit {
    justify-content: left;
}
.thermostats-row .thermo4 h3 {
    text-align: center;
}
.thermostats-row p {
    font-size: 16px;
}
.thermostats-row .thermo4 p {
    font-size: 47px;
    font-weight: 500;
}
.thermostats-row .vk-img-temp {
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 10px;
}
.thermostats-row .vk-img-temp > div i.showTwoIcons {
    right: -28px;
}
/* .thermostats-row .thermo2, .thermostats-row .thermo3, .thermostats-row .thermo4, .thermostats-row .thermo5, .thermostats-row .thermo6, .thermostats-row .thermo7 {
    text-align: center;
} */
.thermo7 p {
    position: relative;
    max-width: 90px;
    margin: 0 auto 10px;
}
.thermo7 p span {
    position: absolute;
    top: 50%;
    right: -5px;
    transform: translate(0, -50%);
}
.thermo7 p img {
    max-width: 30px;
}
.thermo7 p span img {
    max-width: 20px;
}
.thermostats-row .thermo2 small {
    display: block;
    font-size: 10px;
}
.thermostats-row .tempEdit {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
    text-align: left !important;
}
.thermostats-row .tempEdit.center {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
}
.thermo-state-show-on-desktop {
    display: flex;
    /* border-bottom: solid 1px #616161; */
}
.thermo-state-show-on-mobile {
    display: none;
}
.thermostats-row .desired-edit p {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0px 0 0;
    letter-spacing: 2px;
}
.thermostats-row .desired-edit {
    position: relative;
    margin: 10px 0;
    width: 85px;
    margin-top: 0px;
    padding-left: 10px;
}
.desired-edit .temptopArrow {
    position: absolute;
    top: -16px;
    left: 60%;
    width: 46px;
    height: 22px;
    background-repeat: no-repeat;
    transform: translate(-72%, 0);
    background-size: 100%;
}
.desired-edit .tempbottomArrow {
    position: absolute;
    bottom: -25px;
    left: 60%;
    width: 46px;
    height: 22px;
    background-repeat: no-repeat;
    transform: translate(-72%, 0);
    background-size: 100%;
}
.thermostats-row .desired-edit sup {
    left: -8px;
    top: -2px;
    font-weight: 500;
    font-size: 14px;
    position: relative;
}
.tempsetbtn button.setbtn {
    box-shadow: none;
    border-radius: 0;
    font-size: 12px;
    text-transform: capitalize;
    background-color: #12af64;
    padding: 1px;
    min-width: 50px;
}
.tempsetbtn button.setbtn:disabled {
    background-color: #ccc;
    color: #fff;
}
.tempMode {
    display: flex;
    align-items: center;
    padding: 0 10px 0 20px;
    justify-content: space-between;
    border-radius: 20px;
    max-width: 150px;
    height: 40px;
}
.thermostats-row .tempMode {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    font-weight: 500;
    padding-top: 15px;
}
.tempMode .modeOption {
    font-size: 14px;
    padding: 6px;
    /* min-width: 130px; */
    justify-content: space-around;
    align-items: center;
    position: relative;
    z-index: 2;
    padding: 0px 5px;
}
/* .tempMode .modeOption.disabled {
    border: 1px solid #979797;
} */
.tempMode .modeOption span img {
    max-width: 18px;
    max-height: 18px;
}
.tempMode .modeOption span:nth-child(1) {
    min-width: 45px;
    padding: 5px;
}
.tempMode .modeOption span:nth-child(2) {
    margin-right: 64px;
}
.tempMode .modeOption span:nth-child(3) {
    background-repeat: no-repeat;
    background-size: contain;
    width: 26px;
    height: 12px;
    padding-bottom: 15px;
}
.tempMode ul {
    position: absolute;
    top: 6px;
    z-index: 1;
    right: -40px;
}
.noise-graph-header-filter .tempMode {
    cursor: pointer;
}
.noise-graph-header-filter .tempMode ul {
    margin: 0;
    padding: 10px 0 0;
    font-size: 16px;
    border: 1px solid #ff9e61;
    border-radius: 0 0 10px 10px;
    position: absolute;
    background-color: #fff;
    width: 173px;
    z-index: 1;
    top: 63px;
}
.tempMode ul li {
    list-style: none;
    margin: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    border: 1px solid #E4E4E4;
}
.tempMode ul li span {
    margin: 0 3px 0 0px;
}
.tempMode ul li span img {
    max-width: 24px;
}
.tempMode ul li span:nth-child(1) {
    min-width: 46px;
    text-align: left;
}
.thermostats-row .thermoDegWrap {
    border: 3px solid #12af64;
    border-radius: 5px;
    display: inline-flex;
    width: 120px;
    justify-content: space-around;
    align-items: center;
}
.thermostats-row .thermoDegWrap span {
    font-size: 18px;
    padding: 3px 5px 1px 5px;
    width: 50%;
    font-weight: 500;
}
.thermostats-row .thermoDegWrap span:nth-child(1) {
    color: #12af64;
}
.thermostats-row .thermoDegWrap span:nth-child(2) {
    background-color: #e2e0e0;
}
.thermostats-row .thermo-group {
    padding: 0;
    display: flex;
    justify-content: space-between;
}
.thermostats-row .thermo-group > div {
    padding: 23px 40px 26px 40px;
}
.ERcode-section.changeEmer.text-center {
    text-align: center !important;
}
.property-status-img-wrapper {
    cursor: default;
}
.property-status-img-wrapper.cursor-pointer {
    cursor: pointer;
}
.noise-status-icons-wrapper {
    padding-top: 14px;
}
.noise-status-icons-wrapper .property-status-img-wrapper {
    cursor: default;
    padding-right: 5px;
}
.vk-staus-icons img {
    margin-left: 5px;
    margin-right: 5px;
}
.access-code-main-div {
    width: 100%;
    display: inline-block !important;
}
.access-code-first-child {
    padding-top: 10px;
    float: left;
}
.access-code-second-child {
    padding-top: 1px;
    float: left;
}
.access-code-third-child {
    float: right;
    padding-right: 40%;
}
.w-100 {
    width: 100%;
}
.no-group.mbC0 a {
    color: #ff9e61;
}
.noise-graph-header {
    display: flex;
    padding: 10px 20px;
    justify-content: space-between;
}
.noise-graph-header-title {
    font-weight: 500;
}
.noise-graph {
    border: solid 2px #ccc;
    padding: 20px;
    width: 650px;
    border-radius: 8px;
    position: absolute;
    background-color: #fff;
    right: 50%;
    z-index: 1000;
    bottom: 100px;
}
.humidity-graph {
    border: solid 2px #ccc;
    padding: 20px;
    width: 650px;
    border-radius: 8px;
    position: absolute;
    background-color: #fff;
    right: 30%;
    z-index: 1000;
    bottom: 100px;
}
.co2-graph {
    border: solid 2px #ccc;
    padding: 20px;
    width: 650px;
    border-radius: 8px;
    position: absolute;
    background-color: #fff;
    right: 10%;
    z-index: 1000;
    bottom: 100px;
}
.netatmo-graph-icon {
    max-width: 30px !important;
    min-width: 30px !important;
    cursor: pointer;
    margin-left: 20px;
}
.sensor-values-status-OK {
    font-size: 24px;
    color: #12af64;
    font-weight: 500;
}
.sensor-values-status-ALERT {
    font-size: 24px;
    color: #ff524b;
    font-weight: 500;
}
.sensor-status-text-OK {
    color: #12af64;
}
.sensor-status-text-ALERT {
    color: #ff524b;
}
.sensor-values-status-OK.false {
    color: #ccc !important;
}
.sensor-values-status-ALERT.false {
    color: #ccc !important;
}
.sensor-status-text-OK.false {
    color: #ccc !important;
}
.sensor-status-text-ALERT.false {
    color: #ccc !important;
}
.sensor-status-main {
    display: flex;
    align-items: center;
    text-align: center;
    padding-left: 35%;
    margin-bottom: 8px;
}
.sensor-status-main:nth-child(2) {
    margin-top: 5px;
}
.f-w-500 {
    font-weight: 500;
}
.edit-delete-section {
    display: flex !important;
    justify-content: flex-end !important;
}
.close-graph-main {
    text-align: right;
    margin-top: -17px;
    margin-right: -14px;
}
.graph-footer > span {
    border: solid 1px #ff9e61;
    border-radius: 50%;
    padding: 5px;
}
.thermo2 {
    padding-right: 20px;
}
@media screen and (max-width: 1366px) {
    .vk-br {
        display: block;
   }
    .hideLaptop {
        display: none;
   }
    .vk-dashboard-common-table table thead tr th:first-child {
        width: 100px;
   }
    .vk-dashboard-common-table table tr th.showOnGuestAndBuddy {
        width: 200px;
   }
    .vk-dashboard-common-table.dashbaord-access-table table thead tr th:first-child {
        width: auto;
   }
    .noise-graph {
        right: 10%;
   }
    .humidity-graph {
        right: 10%;
   }
    .co2-graph {
        right: 10%;
   }
}
@media screen and (max-width: 1280px) {
    /* .keycode-number span.infoSign, .hoverInfo span.ercode {
        padding: 0 !important;
        border: none !important;
        width: 30px;
        height: 30px;
   } */
    .vk-dashboard-search-box input {
        padding: 12px 14px;
        max-width: 315px;
   }
    .vk-changeERcode li:last-child {
        margin-left: 0px;
   }
    .vk-dashboard-groups .vk-dashboard-common-table table tbody tr td:first-child > span {
        padding: 0;
        user-select: all;
        text-align: center;
        font-weight: normal;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 81px;
   }
    .vk-dashboard-groups .vk-dashboard-common-table table thead th:first-child > span {
        padding: 0;
        user-select: all;
        text-align: center;
        font-weight: normal;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 81px;
   }
    .vk-dashboard-groups .vk-dashboard-common-table.dashbaord-access-table table tbody tr td:first-child > span {
        text-align: left;
        text-overflow: initial;
        overflow: initial;
        white-space: initial;
        width: auto;
   }
    .display-inline-block-child span {
        font-size: 0 !important;
        background: #f1f1f1;
        width: 46px !important;
        height: 46px !important;
        font-size: 0 !important;
   }
    .noise-graph {
        right: 10%;
   }
    .humidity-graph {
        right: 10%;
   }
    .co2-graph {
        right: 10%;
   }
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
    .vk-dashboard-all-status-images {
        padding-left: 0px;
   }
    .vk-dashboard-all-status-images img {
        margin: 0 0 0 5px;
   }
    .access-code-third-child {
        padding-right: 0% !important;
   }
    .noise-graph {
        right: 10%;
   }
    .humidity-graph {
        right: 10%;
   }
    .co2-graph {
        right: 10%;
   }
}
@media screen and (min-width: 501px) and (max-width: 1250px) {
    .vk-dashboard-common-table-mobile table tbody tr {
        border-bottom: 1px solid #dcdcdc;
   }
    .vk-dashboard-common-table-mobile table tbody tr:last-child {
        border-bottom: none;
   }
    .vk-lock1250.hide-on-mobile {
        display: none;
   }
    .vk-lock1250.show-on-mobile {
        display: block;
   }
    .vk-lock1250 {
        float: left;
        width: 50%;
   }
    .large-emergency-code .vk-lock1250 {
        float: left;
        width: 55%;
   }
    .vk-lock1250.show-on-mobile td div:nth-child(2) {
       /* text-align: center;
        */
   }
    .noise-graph {
        right: 10%;
   }
    .humidity-graph {
        right: 10%;
   }
    .co2-graph {
        right: 10%;
   }
}
@media screen and (max-width: 1024px) {
    .access-code-third-child {
        padding-right: 0% !important;
   }
    .vk-dashboard-common-table table tbody tr td:last-child {
        padding: 0;
   }
    .vk-dashboard-edit-images img {
        margin: 0 5px;
   }
   
    .thermo-state-show-on-mobile {
        display: flex;
        flex-direction: column;
   }
    .thermostats-row .thermo-group > div {
        width: 40%;
        text-align: center;
   }
    .noise-graph {
        right: 10%;
   }
    .humidity-graph {
        right: 10%;
   }
    .co2-graph {
        right: 10%;
   }
}
@media screen and (max-width: 768px) {
  
    .thermo-state-show-on-mobile {
        display: flex;
        flex-direction: column;
   }
    .custom-pagination ul.pagination li a {
        padding: 6px 10px;
        font-size: 12px;
   }
    .wd50, .wd33 {
        width: 100%;
   }
    .vk-dashboard-common-table table tbody tr td:last-child {
        padding: 0;
   }
    .vk-dashboard-all-status-images img {
        margin: 5px 8px;
   }
    .vk-dashboard-edit-images img {
        margin: 5px;
   }
    .vk-dashboard-search-box input {
        width: 35vw;
   }
    .vk-dashboard-panel-title > div:first-child, .vk-dashboard-panel-title > div:nth-child(3) {
        max-width: 50%;
        flex-basis: 50%;
   }
    .vk-dashboard-panel-title > div:nth-child(2) {
        max-width: 100%;
        flex-basis: 100%;
        order: 1;
   }
    .vk-dashboard-panel-title > div:last-child {
        max-width: 50%;
        flex-basis: 50%;
        margin-bottom: 10px;
   }
    .vk-dashboard-action-panel {
        padding-right: 0;
   }
    .vk-dashboard-all-status-images {
        padding-left: 0;
        margin-left: -10px;
        margin-top: 10px;
   }
    .vk-share-form {
        flex-flow: column;
   }
    .thermostats-row .thermo-group > div {
        width: 50%;
        text-align: center;
   }
    .noise-graph {
        right: 10%;
   }
    .humidity-graph {
        right: 10%;
   }
    .co2-graph {
        right: 10%;
   }
   .thermostats-row > div {
        padding: 5px;
        text-align: center;
    }
    .thermostats-row > div:first-child {
        text-align: center;
    }
    .thermostats-row > div:last-child {
        text-align: center;
    }
    .thermo-state-show-on-mobile {
        display: none;
    }
    .thermostats-row .tempEdit {
        justify-content: center;
    }
}
@media screen and (max-width: 600px) {
    
    .thermostat-name-section-main {
        padding-top: 12px !important;
        padding-left: 5px !important;
    }
    .thermostat-detail-header {
        padding-left: 8px;
    }
    .vk-dashboard-category-filter {
        padding: 0px 15px 20px 15px;
        display: block;
        text-align: left;
   }
    .vk-dashboard-page-summary {
        display: none;
   }
    .vk-changeERcode.refresh-device.cursorPointer {
        display: none;
   }
    .refresh-device span {
        padding: 0px;
   }
    .vk-dashboard-common-table-mobile table tbody tr {
        border-bottom: 1px solid #dcdcdc;
   }
    .vk-dashboard-common-table-mobile table tbody tr:last-child {
        border-bottom: none;
   }
    .access-data-conatiner {
        min-height: 250px;
   }
    .desktop-paggination {
        display: none;
   }
    .mobile-paggination {
        display: block;
   }
    .vk-img-temp {
        font-size: 27px;
   }
    .no-group {
        padding-left: 0;
        padding-right: 0;
   }
    .mobile-text-center, .mobile-text-center h5 {
        text-align: center !important;
        width: 100%;
   }
    .vk-dashboard-plus button {
        height: 24px;
       /* min-height: 36px !important;
        */
        width: 24px;
        margin-left: 20px;
        margin-right: 5px;
        margin-top: 0px;
        box-shadow: none;
        min-height: auto !important;
   }
    .vk-add-stay-panel {
        margin-top: 5px;
   }
    .expansion-panel-summary[aria-expanded="true"] .expand_custom_icon {
        margin-top: 8px;
   }
    .vk-dashboard-all-status-images {
        margin-left: 0;
   }
    .wd50, .wd33 {
        width: 100%;
   }
    .vk-dashboard-main-tabs, .vk-dashboard-sub-tabs {
        padding-left: 0px;
   }
    .vk-dashboard-groups .vk-dashboard-common-table table thead tr th:first-child {
        width: 0;
        min-width: auto;
        padding: 0;
   }
    .vk-dashboard-panel .expansion-panel-summary div:nth-child(2) {
        top: 14px !important;
        right: 5px;
        padding: 0;
   }
    .vk-dashboard-groups .vk-dashboard-common-table table thead tr th:last-child {
        padding: 6px 10px 6px 0;
   }
    .access-code-block {
        text-align: center;
   }
    .battery-level-block {
        text-align: center;
   }
    .battery-level-block .refresh-icon {
        /* margin-left: 12px; */
   }
    .battery-level-block h5 {
        font-size: 14px;
   }
    .battery-level-block h5 > span {
        display: block;
        /* margin: 5px 0; */
   }
    .unlock-btn.green, .unlock-btn.green {
        margin-top: -5%;
   }
    /* .keycode-container {
        text-align: center;
        line-height: 1.2;
   } */
    .vk-dashboard-groups .vk-dashboard-common-table table tbody tr td {
        font-size: 14px;
        padding: 5px 15px !important;
   }
    .search-box-responsive {
        text-align: center;
        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
        padding: 7px 7px 18px 7px;
   }
    .review-status {
        font-size: 16px;
        padding: 5px 10px;
        text-align: right;
   }
    .review-status b {
        float: left;
   }
    .collapse-data.mobile td {
        padding: 0 !important;
   }
    .collapse-data.mobile td .vk-dashboard-all-status-images {
        margin-left: 0 !important;
   }
    .vk-dashboard-edit-images.mobile {
        text-align: right;
   }
    .vk-dashboard-edit-images.mobile img {
        width: 20px;
        height: auto;
        margin: 0 3px;
        top: 0;
   }
    .vk-dashboard-edit-images.mobile i {
        font-size: 23px;
        top: 0px;
   }
    .vk-dashboard-status-images img {
        margin: 0 4px;
        width: 22px;
        height: 22px;
   }
    .vk-dashboard-status-images {
        text-align: right;
   }
    .vk-dashboard-common-table-mobile tbody tr td {
        padding: 10px 10px 15px 10px;
        line-height: 1.6;
   }
    .font-small-mobile {
        font-size: 12px;
   }
    .vk-dashboard-checkin-out-subheader span {
        padding: 6px 6px 0 0;
        display: inline-block;
        line-height: 1;
   }
    .vk-dashboard-list-close i {
        font-size: 24px;
   }
    .vk-dashboard-list-edit i {
        font-size: 19px;
   }
    .custom-toggle-switch {
        position: relative;
        top: -20px;
        left: 9px;
   }
    .vk-dashboard-list-edit {
        left: -35px !important;
        top: -14px !important;
   }
    .vk-dashboard-list-edit .edit-green {
        width: 18px;
   }
    .vk-dashboard-list-close, .vk-dashboard-list-edit {
        padding: 0;
        top: -6px;
        left: -30px;
        text-align: left !important;
   }
    .vk-dashboard-panel .expansion-panel-summary[aria-expanded="true"] .expanded-icon {
        bottom: 2px;
       /* right: 11px;
        */
   }
    .vk-dashboard-panel .expanded-icon {
        font-size: 36px !important;
   }
    .edit-delete-section.text-right {
        text-align: right !important;
   }
    .search-properties-menu ul {
        width: 328px;
   }
    .vk-dashboard-panel-images span {
        min-height: 24px;
        min-width: 24px;
        max-height: 24px;
        max-width: 24px;
   }
    .vk-dashboard-panel-images img {
        max-width: 24px;
        max-height: 24px;
   }
    .noise-status-icons-wrapper .property-status-img-wrapper img {
        max-width: 24px;
        max-height: 24px;
   }
    .mb10 {
        margin-bottom: 10px;
   }
    .vk-dashboard-all-status-images img {
        margin: 0 6px 0 0;
   }
    .pad-lr-30-responsive-0 {
        padding: 0;
   }
    .vk-dashboard-checkin-out-subheader {
        padding: 0px 20px 5px 20px;
   }
    .vk-dashboard-checkin-out-subheader > div {
        margin-right: 0;
        text-align: center;
        width: 100%;
   }
    .vk-dashboard-action-panel img {
        width: 17px;
        height: 17px;
        margin-left: 8px;
        margin-top: 9px;
        cursor: pointer;
   }
    .vk-dashboard-sub-tabs ul li {
        padding: 6px 13px 6px 13px;
   }
    .vk-dashboard-sub-tabs ul li a {
        font-size: 12px;
   }
    .vk-dashboard-sub-tabs ul li {
        font-size: 12px;
   }
    .pad-lr-25-resonsive-0 {
        padding: 0px;
   }
    .vk-dashboard-main-tabs ul li a {
        font-size: 14px;
   }
    .hide-on-mobile {
        display: none;
   }
    .show-on-mobile {
        display: block;
   }
    .vk-dashboard-suggest-search {
        text-align: center;
   }
    .vk-dashboard-search-box input {
        width: 50vw;
        font-size: 14px;
        padding: 13px 14px;
   }
    .vk-dashboard-panel-title {
        padding: 15px 10px 5px 10px !important;
   }
    .vk-dashboard-check-in-out-header {
        font-size: 12px;
        margin-top: -10px;
   }
    .vk-dashboard-check-in-out-header span {
        padding: 2px 6px;
   }
    .vk-dashboard-panel-images {
        padding: 0 0 10px 0;
   }
    .vk-light-left h6 > span {
        display: inline-block;
        margin-left: 8px;
   }
    .vk-light-left {
        padding: 8px 15px 8px 15px;
   }
    .refresh-device p {
        margin-left: 10px;
        margin-right: 7px;
        font-size: 12px;
        display: none;
   }
    .refresh-device span {
        width: 32px;
   }
    .vk-dashboard-main-tabs ul {
        display: flex;
   }
    .vk-dashboard-main-tabs ul li {
        width: 100%;
        text-align: center;
   }
    .vk-dashboard-main-tabs ul li a.selected {
        width: 100%;
   }
    .vk-dashboard-main-tabs ul li a {
        display: inline-block;
        padding: 12px 0px;
   }
    .vk-staff-mobile-mleft {
        margin-left: 22px;
   }
    /* .vk-staff-mobile-mleft .keycode-number {
        text-align: left;
        position: relative;
   }
    .keycode-number i {
        position: absolute;
        top: 11px;
        left: -37px;
        width: 31px;
        height: 31px;
   }
    .keycode-number i img {
        max-width: 100%;
   }
    .keycode-number span.infoSign {
        top: 1px;
        text-align: left;
        margin-left: 3px;
   }
    .keycode-number span .infoPop {
        top: -64px;
        left: -58px;
        padding: 5px 10px 5px 10px;
        width: 126px;
   } */
    .vk-share-form > div {
        padding: 0px;
        width: 100%;
   }
    .vk-addDialog {
        padding: 0 10px !important;
   }
    .vk-select-box .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
        margin: 0.4rem 0.1rem !important;
   }
    .vk-changeERcode {
        margin-top: -30px;
   }
    .vk-changeERcode li:last-child {
        margin-left: 5px;
   }
    .keycode-number span .infoPop, .hoverInfo span .infoPop {
        top: -57px;
        left: -103px;
   }
    .hoverInfo span .infoPop::before {
        transform: rotate(-37deg);
        left: 103px;
        bottom: -11px;
   }
    .keycode-number span {
        font-size: 30px;
   }
    .vk-dashboard-common-table-scroll .keycode-number span .infoPop, .vk-dashboard-common-table-scroll .hoverInfo span .infoPop {
        top: -90px;
        padding: 10px 10px 5px;
        width: 195px;
   }
    .hoverInfo span .infoPop::before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 17px 10px;
        border-color: transparent transparent transparent #ff9e61;
   }
    .vk-dashboard-check-in-out-header span {
        line-height: 22px;
   }
    #menu-list-grow ul li {
        padding-left: 5px;
        padding-right: 5px;
   }
    .vk-upCode span > div, .vk-currMobile .font-500 > span > div {
        display: block;
   }
    /* .keycode-container h6 {
        font-size: 14px;
        text-align: center;
   } */
    /* .keycode-container div {
        text-align: center;
   } */
    /* .keycode-container .keycode-number span {
        padding: 3px 6px;
        border: 1px solid #d6d6d6;
        margin: 5px 3px 5px 0;
        display: inline-block;
        color: #555 !important;
        font-size: 18px;
        font-weight: 500;
        border-radius: 5px;
   } */
    /* .keycode-container .keycode-number-without-Code span {
        width: 34px;
        height: 33px;
   }
    .keycode-number i {
        top: 6px;
   } */
    .bgGreen .cursorPointer1 {
        float: right;
        position: absolute;
        right: 15px;
        top: 6px;
   }
    .bgGreen > div {
        width: 314px;
   }
    .bgGreen .cursorPointer1 img {
        width: 27px;
        float: right;
   }
    .stay-past-collapsible-data div {
        padding: 0;
   }
    .stay-past-collapsible-data div img {
        width: 30px;
        height: 30px;
   }
    .bgGreen td {
        position: relative;
   }
    .bgGreen span div.infoPop {
        top: -96px !important;
        left: -103px !important;
   }
    .vk-codeMobile > div {
        float: left;
   }
    .vk-codeMobile .vk-mainBox {
        width: 100%;
   }
    .vk-codeMobile .vk-accText {
        margin-right: 10px;
   }
    .vk-codeMobile .vk-accCodePage {
        float: left;
   }
    .vk-codeMobile .vk-accCodePage > div {
        position: relative;
   }
    .vk-codeMobile .vk-dashboard-status-images {
        float: right;
   }
    .vk-codeMobile .vk-staus-icons {
        margin: 8px 0;
   }
    .vk-codeMobile span div.infoPop {
        top: -90px !important;
        left: -19px !important;
        line-height: 18px;
   }
    .vk-codeMobile span .infoPop::before {
        transform: rotate(-17deg);
        left: 23px;
        bottom: -17px;
   }
    .vk-dashboard-all-status-images img {
        width: 30px;
        height: 30px;
   }
    .no-group {
        font-size: 14px;
   }
    .vk-img-temp {
        font-size: 32px;
   }
    .vk-img-temp div > span {
        font-size: 16px;
        font-weight: 500;
   }
    .vk-img-temp > div {
        line-height: 25px;
        font-size: 20px;
   }
    .hoverColorNext {
        width: 235px !important;
        padding: 11px 14px !important;
   }
    .thermostats-row {
        padding-left: 0;
   }
    .thermostats-row .thermo1 {
        padding: 20px 20px 0;
   }
    .thermostats-row .thermo1 h3 {
        float: left;
        margin: 0 10px 0 0 !important;
   }
    .thermostats-row .thermo2 small {
        margin-top: 10px;
   }
    .thermostats-row .thermo4 p {
        font-size: 20px;
   }
    /* .thermostats-row .desired-edit p {
        font-size: 20px;
        margin: 0;
   } */
    .thermostats-row .tempsetbtn {
        margin-top: 0px;
        margin-left: -12px;
   }
    /* .thermostats-row .tempEdit {
        flex-direction: column;
        margin-left: 20px;
   } */
    .thermo-state-show-on-mobile {
        display: flex;
   }
    
    .thermostats-row .desired-edit sup {
        left: -10px;
        top: -13px;
        font-size: 15px;
   }
    .thermostats-row .thermo-group > div {
        width: 50%;
        padding: 20px;
   }
    .thermostats-row .thermo8 {
        text-align: center;
   }
    .desired-edit .temptopArrow {
        top: -15px;
        width: 36px;
        height: 12px;
   }
    .desired-edit .tempbottomArrow {
        width: 36px;
        height: 12px;
        bottom: -15px;
   }
    .refresh-device.refresh-device-status-p {
        color: #797979;
   }
    .access-code-third-child {
        padding-right: 38% !important;
   }
    .search-properties-menu ul li label h5 {
        font-size: 12px;
   }
    .noise-graph {
        right: 10%;
   }
    .humidity-graph {
        right: 10%;
   }
    .co2-graph {
        right: 10%;
   }
   .vk-img-temp > div {
       right: -20px;
       padding-top: 0px;
       font-size: 14px;
   }
   .vk-img-temp div > span.top {
        font-size: 14px;
        padding:0px 1px 0px 1px;
        margin-bottom: 0px;
        position: relative;
        left: 6px;
   }
   .vk-img-temp div > span.bottom {
        font-size: 18px;
        padding:5px 1px 0px 1px;
        margin-bottom: 0px;
        position: relative;
        left: 6px;
   }
   .thermo8 {
       padding:20px 5px !important;
   }
   .thermostats-row .thermo8 p {
       font-size: 14px;
   }
   .thermostats-row .desired-edit sup {
    left: -6px;
    top: -5px;
    font-size: 15px;
    position: relative;
   }
   .thermostat-status-last-updated-section {
       display: inline-grid !important;
   }
   .thermo3 , .thermo4 {
       margin-bottom: 20px;
   }
   /* .thermostat-main-row {
       margin-left: 5px;
       margin-right: 5px;
   } */
}
@media screen and (max-width: 375px) {
    .refresh-device span {
        padding: 0px;
   }
    .vk-dashboard-search-box input {
        width: 46vw;
   }
    .custom-toggle-switch {
        left: 6px;
   }
    .vk-changeERcode {
        padding: 0 5px;
   }
    .refresh-device p {
        margin: 0 5px;
   }
    .vk-select-box .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
        width: 27px !important;
   }
    .vk-img-temp {
        font-size: 26px;
   }
    .noise-graph {
        right: 20px;
   }
    .humidity-graph {
        right: 20px;
   }
    .co2-graph {
        right: 20px;
   }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
    .access-code-third-child {
        padding-right: 15% !important;
   }
   .thermo-state-show-on-mobile {
    display: none;
    }
    .thermostats-row .tempEdit {
        justify-content: center;
    }
}

.thermostat-detail-header {
    display: flex;
    justify-content: space-between;
}
.thermosat-status-detail-section {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 10px;
}
.thermosat-status-image {
    max-width: 26px;
}
.thermosat-status-refresh-image {
    max-width: 18px;
    margin-left: 14px;
    margin-right: 14px;
    margin-bottom: -4px;
}
.thermostat-status-last-updated-section {
    display: flex;
    margin-bottom: 10px;
}
.thermostat-name-section-main {
    padding-top: 26px;
    padding-left: 10px;
}
/* .thermostat-status-last-updated-section span:first-child {
    padding-right: 10px;
} */
.thermostat-main-row {
    border: 1px solid rgb(180, 176, 176);
    margin-top: 20px;
    background: #fff;
    box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
}
.mode-label{
    padding-right: 10px;
}