.content-wrapper {
	margin-left: 0px !important; 
	background-color:#F9F9F9;
	min-height: none!important;
}
#contentTitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#superadminbtn {
	text-decoration: underline;
}
.logo-lg {
	font-family: 'Source Sans Pro','Helvetica Neue','Helvetica,Arial,sans-serif';
	font-weight: 400;
}
#ssSignInbtn {
	min-width: 170px;
}
#devSignInbtn {
	margin-top: 5px;
	min-width: 170px;
}
/* .pincode-input-text {
    padding-right: 5px!important;
    text-align: center!important;
    width: 79px!important;
} */

.swal-modal {
	width: 525px!important;
}
.swal-title {
	font-weight:bold;
}
.notification-read  {
	font-weight: 500!important;
}
.navbar-nav>.notifications-menu>.dropdown-menu, .navbar-nav>.messages-menu>.dropdown-menu, .navbar-nav>.tasks-menu>.dropdown-menu {
	width:350px!important;
}
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>div>h6 {
	margin: 0 0 0 0px!important;
	color: #26c6da;
    font-size: 15px;
    font-weight: 700;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>div>p {
	margin: 0 0 0 0px!important;
	overflow: hidden!important;
	text-overflow: ellipsis!important;
}

.info-box-icon-1 {
    float: left;
    height: 40px;
    width: 40px;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    background: rgba(0, 0, 0, .2);
    border-radius: 100%;
}

.info-box-icon-dashboard {
    float: left;
    height: 55px;
    width: 55px;
    text-align: center;
    font-size: 22px;
    line-height: 56px;
    background: rgba(0, 0, 0, .2);
    border-radius: 100%;
}

.info-box-content-dashboard {
    padding: 10px 10px 10px 0;
    margin-left: 70px !important;
}

.small-box-rounded {
	box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    border-radius: 10px;
}

.widget-user-2 .widget-user-image>img {
	width:100px!important;
	height:100px!important;
	object-fit: cover;
}
.widget-user-2 .widget-user-username, .widget-user-2 .widget-user-desc {
	margin-left:120px;
	
}

.logo-mini > img{
	width:35px!important;
}
.logo-lg> img{
	width:35px!important;
}
.margin-top-20 {
	margin-top: 20px;
}
/* .box {
	 /* box-shadow: 0 5px 20px rgba(0, 0, 0, .1)!important;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1)!important; */
/* } */
.bg-aqua-active{
	background-color: #00a7d0 !important;
}
.label-black {
  background-color: #000000 !important;
}
.bg-maroon {
    background-color: #8C1919;
}
.container-table {
    display: table;
}
.home-user-profile-img {
	width:250px!important;
}
.user-hr{
	border-top: 3px solid #eee!important;
}
.user-dl-horizontal dt{
	text-align:left!important;
}
.user-assign-label {
	font-size: 100%!important;
	line-height: 2!important;
	
}
.widget-user-username {
	font-weight: 400!important;
	font-size:xx-large!important;
}
.widget-user .widget-user-image {
	margin-left: -55px!important;	
}
.widget-user .widget-user-image > img {
	width:120px!important;
}
.widget-user .box-footer {
	padding-top: 60px!important;
}
.user-booking-status-label {
	margin-top:2px;
}

.vertical-center-row {
    display: table-cell;
    vertical-align: middle;
}

#nav-user-image{
	object-fit: cover;
	padding: 3px!important;
}

.user-header {
	/*background-color:#7b8490!important;*/
	height: 150px!important;
}
#userInfo {
	color:#fff;
	margin-top: 0px;
}
#initialText{
  position: relative;
  top: -85px; 
  color: white;
  font-weight: bold;
}

/* .login-box {
	margin: 12% auto!important;
} */
.login-page {
	/* background: linear-gradient(0deg, rgba(47, 48, 49, 0.5), rgba(0, 0, 0, 1)), url('../img/background.webp') top no-repeat; */
	background: white;
  	background-size: cover;
}
.login-logo {
	width:80px;
	margin-left:38%;
}
.margin-top-30  {
	margin-top:30px;
}
/* .login-box-body {
	background-color: #fff;
	border-radius: 15px;
	border: 1px solid #00b0f4;
	min-height: 250px;
	-webkit-box-shadow: 0 3px 10px rgb(2, 82, 113);
    -moz-box-shadow: 0 3px 10px rgb(2, 82, 113);
    box-shadow: 0 0 10px rgb(2, 82, 113);
}
.login-box-msg {
	padding-top:10px;
} */
.btn-outline {
	background-color: transparent!important;
}

.bg-info, .btn-info {
  background-color: #26C6DA!important;
  border-color: #00acd6;
}
.has-feedback {
	position: relative;
}
.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.bg-white {
  background-color: #ffffff!important;
}


.bg-blue {
  background-color: #00b0f4!important;
}

.bg-yellow {
  background-color: #fce902!important;
}

.bg-orange {
	background-color: #fcbb02!important
}


.krajee-default.file-preview-frame .kv-file-content {
	height:100%;
	width:100%;
}

.facility-tree-body{
	max-height:99%;
	overflow: auto;
}
.file-preview-image{
	width:auto;height:auto;max-width:100%;max-height:100%;
}

#mainContent {
	padding: 0px 25px 0 5px; 
	margin-bottom: 30px!important;
}

#mainContent + .overlay>.fa, #mainContent + .overlay>.loader, .overlay>.fa, .overlay>.loader {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 50px;
    /* margin-left: -15px;
    margin-top: -15px; */
    color: #000;
    font-size: 30px;
}

#mainContent + .overlay, .overlay {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    background: rgba(255,255,255,0.7);
    border-radius: 3px;
}
/* .login-box + .overlay>.fa {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}
.login-box + .overlay, .overlay {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    background: rgba(255,255,255,0.7);
    border-radius: 3px;
} */
.roomEditBtn, .roomDeleteBtn {
	font-size: 10px;
	margin-right: 5px;
}

/* .selectedMenu{
	background-color: #00b0f4;
	color: #fff!important;
} */
.visitor-photo {
	width: 100%;
    max-width: 50%;
    height: auto;
    margin: 0 auto;
    display: block;
    border: 1px solid rgba(0, 0, 0, .27);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1)!important;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1)!important;
}
.action-btn-grp > button  {
	margin-right:3px;
}
.action-btn-grp > button:last-child {
    margin-right: 0;
}
/* table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before {
	display:none!important;
} */

.kv-avatar {
	width:250px;
}
.krajee-default.file-preview-frame .kv-file-content {
	width:200px;
}
.kv-avatar.orglogo {
	width:150px;
}

.orglogo-preview {
	width:100px!important;
}

.licDet {
	font-weight: 300;
}

.bigcheckbox {
	width: 20px;
	height: 20px;
}

.progress-bar-orange {
	background-color: #ff6002 !important;
} 
#verifyBtn {
	margin-right: 5px;
}

.user-panel {
    overflow: hidden;
}
.user-panel {
    position: relative;
    width: 100%;
    padding: 10px 0 0;
}
.user-panel:after, .user-panel:before {
    content: " ";
    display: table;
    
}
.user-panel>.image>img {
    width: 100%;
    max-width: 30%;
    height: auto;
    margin: 0 auto;
    display: block;
}
.user-panel>.info {
    padding: 5px;
    line-height: 1;
    margin: 0 auto;
    text-align: center;
}
.user-panel>.info>p {
    font-weight: 400;
    margin-bottom: 9px;
}
.user-panel>.info>a {
    text-decoration: none;
    padding-right: 5px;
    margin-top: 3px;
    font-size: 11px;
}
.user-panel>.info>a>.fa, .user-panel>.info>a>.glyphicon, .user-panel>.info>a>.ion {
    margin-right: 3px;
}


@media screen and (max-width: 767px){
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    white-space: nowrap;
}
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 1px solid #f4f4f4;
    padding: 10px;
}
.table>thead>tr>th {
    border-bottom: 2px solid #f4f4f4;
}
.table tr td .progress {
    margin-top: 5px;
}
.table th, .table thead th {
    font-weight: bold;
}
.contacts-list-name, .direct-chat-name {
    font-weight: 600;
}
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #f4f4f4;
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-bottom-width: 2px;
    min-width: 100px !important;
}
.table.no-border, .table.no-border td, .table.no-border th {
    border: 0;
}
/* .table.align th {
    text-align: left;
} */
.table.align td {
    text-align: right;
}

table.dataTable tbody tr.selected {
  background-color: #d8e2ec;
}
.dataTables_info, .dataTables_length, .dt-buttons {
    display: inline-block;
	padding-top: 5px;
}
.dt-buttons {
	margin-bottom: 10px;
}
.dt-buttons .dt-button {
    padding: 6px 16px!important;
    border-radius: 0;
    background: #0d6efd !important;
    color: #fff !important;
    margin-right: 3px;
	display: inline-block;
	width: 100%!important;
	max-width: 100%!important;
	font-size: 1rem!important;
}
.dt-buttons .dt-button:hover {
    background: #0B5ED7!important;
}
.dataTables_filter {
    float: right;
	padding-top: 5px;
}
.dataTables_filter input {
    border: 1px solid #d9d9d9;
    margin-left: 5px;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc_disabled {
    background: 0 0;
}
table.dataTable thead .sorting_asc:before {
    content: none;
}
table.dataTable thead .sorting_desc:before {
    content: none;
}
table.dataTable thead .sorting:before {
    content: none;
}
table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    margin-left: 10px;
    font-family: "fontawesome";
    cursor: pointer;
}
table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    margin-left: 10px;
    font-family: "fontawesome";
    cursor: pointer;
}
table.dataTable thead .sorting:after {
    content: "\f0dc";
    margin-left: 10px;
    font-family: "fontawesome";
    cursor: pointer;
    color: rgba(50, 50, 50, .5);
}
table.dataTable thead tr {
	background-color: aliceblue;
}
.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: .25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: .2em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    color: #67757c;
    border: 1px solid transparent;
    border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff;
    border: 1px solid #1e88e5;
    background-color: #1e88e5;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    cursor: not-allowed;
    color: #67757c;
    border: 1px solid transparent;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff;
    border: 1px solid #7460ee;
    background-color: #7460ee;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: 0;
    background-color: #67757c;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em;
}
.tablesaw-bar .btn-group label {
    color: #67757c;
}
.dt-bootstrap {
    display: block;
}
.paging_simple_numbers .pagination .paginate_button {
    padding: 0;
    background: #fff;
}
.paging_simple_numbers .pagination .paginate_button:hover {
    background: #fff;
}
.paging_simple_numbers .pagination .paginate_button a {
    padding: 5px 10px;
    border-radius: 4px;
    border: 0;
}
.paging_simple_numbers .pagination .paginate_button.active a, .paging_simple_numbers .pagination .paginate_button:hover a {
    background: #1e88e5;
    color: #fff;
}

.btn-group-filter {
	position: relative;
    display: inline-flex;
    vertical-align: middle;
}

.advanced-filter-area, .visitor-advanced-filter-area, .column-select-area {
    box-shadow: 0 0px 10px rgba(0,0,0,.2);
    position: absolute;
    min-height: 292px;
    width: 500px;
    margin-top: 50px;
    margin-right: 0px;
    background: white;
    z-index: 9;
    right: 0;
    padding: 0px;
    border: 1px solid #00c0ef;
	border-top: 3px solid #00c0ef;
}

.advanced-filter-area2 {
    box-shadow: 0 0px 10px rgba(0,0,0,.2);
    position: absolute;
    min-height: 100px;
    width: 500px;
    margin-top: 50px;
    margin-right: 0px;
    background: white;
    z-index: 100;
    right: 100;
    padding: 0px;
    border: 1px solid #00c0ef;
	border-top: 3px solid #00c0ef;
}

.component-filter-area {
    box-shadow: 0 0px 10px rgba(0,0,0,.2);
    position: absolute;
    min-height: 200px;
    width: 680px;
    margin-top: 50px;
    margin-right: 0px;
    background: white;
    z-index: 100;
    right: 120;
	top: -360px;
    padding: 0px;
    border: 1px solid #00c0ef;
	border-top: 3px solid #00c0ef;
}

.hvac-advanced-filter-area {
    box-shadow: 0 0px 10px rgba(0,0,0,.2);
    position: absolute;
    min-height: 200px;
    width: 250px;
    margin-top: 50px;
    margin-right: 0px;
    background: white;
    z-index: 300;
    right: 0;
    padding: 0px;
    border: 1px solid #00c0ef;
	border-top: 3px solid #00c0ef;
}

.desk-advanced-filter-area{
    box-shadow: 0 0px 10px rgba(0,0,0,.2);
    position: absolute;
    min-height: 200px;
    width: 400px;
    margin-top: 50px;
    margin-right: 0px;
    background: white;
    z-index: 100;
    right: 100;
    padding: 0px;
    border: 1px solid #00c0ef;
	border-top: 3px solid #00c0ef;
}

.resource-advanced-filter-area {
    box-shadow: 0 0px 10px rgba(0,0,0,.2);
    position: absolute;
    min-height: 200px;
    width: 500px;
    margin-top: 50px;
    margin-right: 0px;
    background: white;
    z-index: 9;
    right: 0;
    padding: 0px;
    border: 1px solid #00c0ef;
	border-top: 3px solid #00c0ef;
}

.filterUl{
	min-width: 400px;
	padding: 10px;
	border: 1px solid #00c0ef;
	border-top: 3px solid #00c0ef;
}

.border-top-blue {
	border-top: 3px solid #00c0ef;
}

.border-top-red {
	border-top: 3px solid #dd4b39;
}

.border-top-green {
	border-top: 3px solid #00a65a;
}

.border-top-yellow {
	border-top: 3px solid #f39c12;
}

.footable .pagination {
    display: inline-block;
    padding: 8px 0;
}
.footable .pagination li {
    padding: 0;
    margin: 0 1px;
    display: inline-block;
}
.footable .pagination li a {
    padding: 5px 10px;
}
.footable .pagination li a.active, .footable .pagination li a:hover {
    background: #1e88e5;
    color: #fff;
    border-radius: 4px;
}
.footable .pagination li.active a {
    color: #fff;
    border-radius: 4px;
}
.label-default {
    background-color: #d2d6de;
    color: #444;
}
.dropdown-header{
	padding: 0px;
}

.ms-choice{
	min-height: 34px;
	border: 1px solid #d2d6de;
	border-radius: 0;
	color: #999;
	padding: 6px 12px;
	
}

.ms-choice > span.placeholder div {
	    margin-top: 4px;
}

table.DTCR_clonedTable {
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 202;
}

newcursor {
        cursor: col-resize;
        width: 100px;
        height: 100px;
   }

.DTCR_tableHeaderHover {
	cursor: newcursor !important;
}

.fa-exclamation-circle{
	color: #00b0f4;
}

.info-box {
    min-height: 100px;
    background: #fff;
    width: 100%;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 15px;
}
.info-box small {
    font-size: 14px;
}
.info-box .progress {
    background: rgba(0, 0, 0, .2);
    margin: 5px -10px 5px 0;
    height: 2px;
}
.info-box .progress, .info-box .progress .progress-bar {
    border-radius: 0;
}
.info-box .progress .progress-bar {
    background: #fff;
}
.info-box-icon {
    float: left;
    height: 70px;
    width: 70px;
    text-align: center;
    font-size: 30px;
    line-height: 74px;
    background: rgba(0, 0, 0, .2);
    border-radius: 100%;
}
.info-box-icon.push-bottom {
    margin-top: 20px;
}
.info-box-icon>img {
    max-width: 100%}
.info-box-content {
    padding: 10px 10px 10px 0;
    margin-left: 90px;
}
.info-box-number {
    font-weight: 300;
    font-size: 21px;
}
.info-box-text, .progress-description {
    display: block;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    font-weight: 400;
}

.text-white{
	color: white;
}

.text-focused{
	background-color: #367FA9;
}


/*my stats when sidenav is closed*/

.mycol1{
    border-right: 1px solid grey;
    padding-left: 2.5em;
    margin-top:0;
}
.mycol2{
    border-bottom:1px solid grey;
    padding: 0.25em 0.3em;
}
.mycol3{
    padding: 0.25em 0.3em;
}
.mycell{
    font-size: 1.1em;
    transition: 0.2s;
}


.connectedSortable {
    min-height: 100px;
}


.chart {
    position: relative;
    overflow: hidden;
    width: 100%}
.chart canvas, .chart svg {
    width: 100%!important;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

.vis-list-item{
	background: #eee;
	border-radius: 2%;
	margin: 5px;
}

a.disabled {
   pointer-events: none;
   cursor: not-allowed;
}

li .override-list img{
	width: 20px!important;
	height: 20px!important;
}

.label-large{
	font-size: medium;
	min-height: 100px;
    background: #fff;
    width: 100%;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    border-radius: 10px;
    padding: 5px;
    margin: 10px 5px;
}

.label-medium{
	font-size: 14px;
	min-height: 100px;
    background: #fff;
    width: 100%;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    border-radius: 10px;
    padding: 3px;
    margin: 5px 3px;
}

#hvacOverrideList {
	overflow-y:scroll;
}

.zoneRow, .deskRow{
	width: 92%;
	margin-bottom: 7px;
	margin-top: 20px;
	border-top: 1px solid #A8A8A8;
}

.product-list-in-box>.override-item{
	border-bottom: 1px solid #b5b5b5;
}

.area-table-row{
	margin-left: -10px;
	margin-right: -10px;
}

.roomListRow, .guestRow, .zoneList{
	overflow-y:scroll;
	overflow-x : none;
}

.requestLink{
	text-decoration: underline;
}

.pantry-timeline{
	position: absolute; top: 35px; background-color: #ddd; height: 5px; width: 96%; border-radius: 5px;
}

.pantry-status-accept{
	background-image: linear-gradient(to right, #2bc6d1 10%, #ddd 0%);
}

.pantry-status-progress{
	background-image: linear-gradient(to right, #2bc6d1 36%, #ddd 0%);
}

.pantry-status-prepared{
	background-image: linear-gradient(to right, #2bc6d1 62%, #ddd 0%);
}

.pantry-status-delivered{
	background-image: linear-gradient(to right, #2bc6d1 100%, #ddd 0%);
}

.inline-status{
	color: #444;
}

.current-status {
	color: #db2760;
	font-weight: bold;
	text-shadow:2px 2px 10px #bbb;
}

.green-status {
	position: absolute; background-color:#2bc6d1; top: 31px; left:43%; width: 10px; height: 10px; border-radius: 50%;
}

.red-status {
	position: absolute; background-color:#ddd; top: 31px; left:43%; width: 10px; height: 10px; border-radius: 50%;
}

.item-name{
	color: #db2760;
	cursor: pointer;
}
.item-name:hover{
	color: #d11d44;
	cursor: pointer;
	text-decoration: underline;
	font-size: 19px;
	
}
.item-subMenu{
	color: #aaa;
}

.connectedSortable {
    min-height: 100px;
}



@media (min-width: 1490px), (max-width: 1200px), (min-width: 992px){

	.meeting-info-box-avail {
	    min-height: 100px;
	    background: #fff;
	    width: 100%;
	    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
	    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
	    border-radius: 10px;
	    margin-bottom: 15px;
	}
	
	.details-div{
		padding: 15px 15px 5px 10px;
	}
	
	.meeting-info-box-text-avail{
	    display: block;
	    font-size: 18px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    font-weight: 400;
	    color: #555;
	}
	
	.meeting-info-box-pax-avail{
		color: #999;
		font-size: 16px;
		position: absolute;
		padding: 20px 15px 11px 23px;
		margin-top: 2px;
		border-right: 2px solid #64C02E;
	}
	
	.meeting-info-box-pax-next-avail{
		color: #999;
	  	font-size: 16px;
	  	position: absolute;
		padding: 25px 25px 25px 25px;
		margin-top: 15px;
		border-right: 2px solid #FC9E11;  
	}
	
	.meeting-info-box-pax-not-avail{
		color: #999;
	  	font-size: 16px;
	  	position: absolute;
		padding: 25px 25px 25px 25px;
		margin-top: 15px;
		border-right: 2px solid #CD0338;  
	}
	
	.label-available{
		background-color: #64C02E;
		color: #fff;
		padding: 4px;
		font-size: 12px;
		font-style: bold;
		border-radius: 2px;
	}
	
	.label-not-available{
		background-color: #CD0338;
		color: #fff;
		padding: 4px;
		font-size: 12px;
		font-style: bold;
		border-radius: 2px;
	}
	
	.label-next-available{
		background-color: #FC9E11;
		color: #fff;
		padding: 4px;
		font-size: 12px;
		font-style: bold;
		border-radius: 2px;
	}
	
	.meeting-info{
		color: #999;
		padding-bottom: 3px;
	}
	
	.amenList{
		color: #999;
	}
}

@media (max-width: 1490px), (max-width: 1095px) {
	.meeting-info-box-avail {
	    min-height: 100px;
	    background: #fff;
	    width: 100%;
	    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
	    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
	    border-radius: 10px;
	    margin-bottom: 15px;
	}
	
	.details-div{
		padding: 15px 15px 5px 10px;
	}
	
	.meeting-info-box-text-avail{
	    display: block;
	    font-size: 16px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    font-weight: 400;
	    color: #555;
	}
	
	.meeting-info-box-pax-avail{
		color: #999;
	  	font-size: 14px;
	  	position: absolute;
	  	padding: 15px 15px 18px 30px;
		margin-top: 15px;
		border-right: 2px solid #64C02E;  
	}
	
	.meeting-info-box-pax-next-avail{
		color: #999;
	  	font-size: 14px;
	  	position: absolute;
		padding: 25px 25px 25px 25px;
		margin-top: 15px;
		border-right: 2px solid #FC9E11;  
	}
	
	.meeting-info-box-pax-not-avail{
		color: #999;
	  	font-size: 14px;
	  	position: absolute;
		padding: 25px 25px 25px 25px;
		margin-top: 15px;
		border-right: 2px solid #CD0338;  
	}
	
	.label-available{
		background-color: #64C02E;
		color: #fff;
		padding: 3px;
		font-size: 12px;
		font-style: bold;
		border-radius: 2px;
	}
	
	.label-not-available{
		background-color: #CD0338;
		color: #fff;
		padding: 3px;
		font-size: 12px;
		font-style: bold;
		border-radius: 2px;
	}
	
	.label-next-available{
		background-color: #FC9E11;
		color: #fff;
		padding: 3px;
		font-size: 12px;
		font-style: bold;
		border-radius: 2px;
	}
	
	.meeting-info{
		color: #999;
		padding-bottom: 3px;
	}
	
	.amenList{
		color: #999;
	}
}

@media (max-width: 1438px) {
	.meeting-info-box-avail {
	    min-height: 90px;
	    background: #fff;
	    width: 100%;
	    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
	    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
	    border-radius: 10px;
	    margin-bottom: 10px;
	}
	
	.details-div{
		padding: 15px 15px 5px 10px;
	}
	
	.meeting-info-box-text-avail{
	    display: block;
	    font-size: 14px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    font-weight: 400;
	    color: #555;
	}
	
	.meeting-info-box-pax-avail{
		color: #999;
	  	font-size: 12px;
	  	position: absolute;
		padding: 0px 0px 0px 30px;
		margin-top: 15px;
		border-right: 2px solid #64C02E;  
	}
	
	.meeting-info-box-pax-next-avail{
		color: #999;
	  	font-size: 12px;
	  	position: absolute;
		padding: 20px 20px 25px 20px;
		margin-top: 15px;
		border-right: 2px solid #FC9E11;  
	}
	
	.meeting-info-box-pax-not-avail{
		color: #999;
	  	font-size: 12px;
	  	position: absolute;
		padding: 20px 20px 25px 20px;
		margin-top: 15px;
		border-right: 2px solid #CD0338;  
	}
	
	.label-available{
		background-color: #64C02E;
		color: #fff;
		padding: 3px;
		font-size: 10px;
		font-style: bold;
		border-radius: 2px;
	}
	
	.label-not-available{
		background-color: #CD0338;
		color: #fff;
		padding: 3px;
		font-size: 10px;
		font-style: bold;
		border-radius: 2px;
	}
	
	.label-next-available{
		background-color: #FC9E11;
		color: #fff;
		padding: 3px;
		font-size: 10px;
		font-style: bold;
		border-radius: 2px;
	}
	
	.meeting-info{
		color: #999;
		padding-bottom: 3px;
		font-size: 12px;
	}
	
	.amenList{
		color: #999;
		font-size: 12px;
	}
}

@media (max-width: 1273px) {
	.meeting-info-box-avail {
	    min-height: 90px;
	    background: #fff;
	    width: 100%;
	    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
	    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
	    border-radius: 10px;
	    margin-bottom: 5px;
	}
	
	.details-div{
		padding: 15px 12px 3px 5px;
	}
	
	.meeting-info-box-text-avail{
	    display: block;
	    font-size: 14px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    font-weight: 400;
	    color: #555;
	}
	
	.meeting-info-box-pax-avail{
		color: #999;
	  	font-size: 12px;
	  	position: absolute;
		padding: 20px 15px 25px 15px;
		margin-top: 15px;
		border-right: 2px solid #64C02E;  
	}
	
	.meeting-info-box-pax-next-avail{
		color: #999;
	  	font-size: 12px;
	  	position: absolute;
		padding: 20px 15px 25px 15px;
		margin-top: 15px;
		border-right: 2px solid #FC9E11;  
	}
	
	.meeting-info-box-pax-not-avail{
		color: #999;
	  	font-size: 12px;
	  	position: absolute;
		padding: 20px 15px 25px 15px;
		margin-top: 15px;
		border-right: 2px solid #CD0338;  
	}
	
	.label-available{
		background-color: #64C02E;
		color: #fff;
		padding: 3px;
		font-size: 10px;
		font-style: bold;
		border-radius: 2px;
	}
	
	.label-not-available{
		background-color: #CD0338;
		color: #fff;
		padding: 3px;
		font-size: 10px;
		font-style: bold;
		border-radius: 2px;
	}
	
	.label-next-available{
		background-color: #FC9E11;
		color: #fff;
		padding: 3px;
		font-size: 10px;
		font-style: bold;
		border-radius: 2px;
	}
	
	.meeting-info{
		color: #999;
		padding-bottom: 3px;
		font-size: 12px;
	}
	
	.amenList{
		color: #999;
		font-size: 12px;
	}
}

@media (min-width: 1200px) and (max-width: 1240px) {
	.meeting-info-box-avail {
	    min-height: 90px;
	    background: #fff;
	    width: 100%;
	    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
	    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
	    border-radius: 10px;
	    margin-bottom: 5px;
	}
	
	.details-div{
		padding: 15px 12px 3px 2px;
	}
	
	.meeting-info-box-text-avail{
	    display: block;
	    font-size: 14px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    font-weight: 400;
	    color: #555;
	}
	
	.meeting-info-box-pax-avail{
		color: #999;
	  	font-size: 10px;
	  	position: absolute;
		padding: 15px 10px 18px 20px;
		margin-top: 15px;
		border-right: 2px solid #64C02E;  
	}
	
	.meeting-info-box-pax-next-avail{
		color: #999;
	  	font-size: 12px;
	  	position: absolute;
		padding: 20px 15px 25px 15px;
		margin-top: 15px;
		border-right: 2px solid #FC9E11;  
	}
	
	.meeting-info-box-pax-not-avail{
		color: #999;
	  	font-size: 12px;
	  	position: absolute;
		padding: 20px 15px 25px 15px;
		margin-top: 15px;
		border-right: 2px solid #CD0338;  
	}
	
	.label-available{
		background-color: #64C02E;
		color: #fff;
		padding: 3px;
		font-size: 10px;
		font-style: bold;
		border-radius: 2px;
	}
	
	.label-not-available{
		background-color: #CD0338;
		color: #fff;
		padding: 3px;
		font-size: 10px;
		font-style: bold;
		border-radius: 2px;
	}
	
	.label-next-available{
		background-color: #FC9E11;
		color: #fff;
		padding: 3px;
		font-size: 10px;
		font-style: bold;
		border-radius: 2px;
	}
	
	.meeting-info{
		color: #999;
		padding-bottom: 3px;
		font-size: 12px;
	}
	
	.amenList{
		color: #999;
		font-size: 12px;
	}
}

.dashboard-menu-link{
	min-height: 450px;
    background: #fff;
    width: 100%;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    border-radius: 10px;
    padding-top: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
}

.dashbord-menu-title{
	border-bottom: 1px solid #eee;
	padding: 10px;
	color: #27ACE3;
}

.dasboard-data{
	font-size: 16px;
	font-weight: 500;
	color: #30415d;
	padding-right: 30px;
}
.dasboard-data-title{
	font-size: 16px;
	color: #565656;
	padding-left: 30px;
}

.dasboard-title{
	width: 97%;
	margin: 2px 5px;
	border-bottom: 1px solid #EEEEEE;
	padding: 5px 0;
}

.override-item:hover {
		background-color: #ecf0f5;
	}
	
.override-item.selected {
	background-color: #ddd;
}

.item.selected {
	background-color: #3c8dbc;
}
.item.selected  div a {
	color: #fff!important;
}

.meeting-label {
	color: #6A6A6A;
}

.meeting-info-box-avail:hover{
	background-color: #e3e2df;
	cursor: pointer;
}

li.guest-item:nth-child(even){
	background-color: #F9F9F9;
}

li.guest-item:nth-child(odd){
	background-color: #fff;
}

@media (min-width: 1179px) {
	.booked-meeting-div {
	    min-height: 100px;
	    background: #fff; 
	   	padding:0; 
	   	width: 100%; 
	   	box-shadow: 0 5px 20px rgba(0, 0, 0, .1); 
	   	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1); 
	   	border-radius: 10px; 
	   	margin-bottom: 5px;
	}
	
	.booked-time-div{
	   border-right: 1px solid #cecece;
	   font-weight:600;
	   margin: 10px 20px;
	   padding:20px 10px;
	   align: center; 
	   font-size: 18px;
	}
	
	.booked-other-details-div{
		white-space: nowrap;
		font-size: 16px; 
		padding:10px 0;  
	}
	
	.booked-meeting-details-style{
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
	}
	
	.booked-icon{
		color:#8BD3F0;
	}
}

@media (max-width: 1179px) {
	.booked-meeting-div {
	    min-height: 100px;
	    background: #fff; 
	   	padding:0; 
	   	width: 100%; 
	   	box-shadow: 0 5px 20px rgba(0, 0, 0, .1); 
	   	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1); 
	   	border-radius: 10px; 
	   	margin-bottom: 5px;
	}
	
	.booked-time-div{
	   border-right: 1px solid #cecece;
	   font-weight:600;
	   margin: 10px 20px;
	   padding:20px 10px;
	   align: center; 
	   font-size: 16px;
	}
	
	.booked-other-details-div{
		white-space: nowrap;
		font-size: 14px; 
		margin-top:10px; 
		padding:10px 0;  
	}
	
	.booked-meeting-details-style{
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
	}
	
	.booked-icon{
		color:#8BD3F0;
	}
}

@media (max-width: 1096px) {
	.booked-meeting-div {
	    min-height: 100px;
	    background: #fff;
	   	padding:0; 
	   	width: 100%; 
	   	box-shadow: 0 5px 20px rgba(0, 0, 0, .1); 
	   	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1); 
	   	border-radius: 10px; 
	   	margin-bottom: 5px;
	}
	
	.booked-time-div{
	   border-right: 1px solid #cecece;
	   font-weight:500;
	   margin: 10px 10px;
	   padding:10px 10px;
	   align: center; 
	   font-size: 14px;
	}
	
	.booked-other-details-div{
		white-space: nowrap;
		font-size: 14px; 
		margin-top:5px; 
		padding:5px 0;  
	}
	
	.booked-meeting-details-style{
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
	}
	
	.booked-icon{
		color:#8BD3F0;
	}
}

@media (min-width: 992px) and (max-width: 996px) {
	.booked-meeting-div {
	    min-height: 100px;
	    background: #fff;
	   	padding:0; 
	   	width: 100%; 
	   	box-shadow: 0 5px 20px rgba(0, 0, 0, .1); 
	   	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1); 
	   	border-radius: 10px; 
	   	margin-bottom: 5px;
	}
	
	.booked-time-div{
	   border-right: 1px solid #cecece;
	   font-weight:500;
	   margin: 10px 10px;
	   padding:10px 5px;
	   align: center; 
	   font-size: 14px;
	}
	
	.booked-other-details-div{
		white-space: nowrap;
		font-size: 14px; 
		margin-top:5px; 
		padding:5px 0;  
	}
	
	.booked-meeting-details-style{
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
	}
	
	.booked-icon{
		color:#8BD3F0;
	}
}

@media (max-width: 992px) {
	.booked-meeting-div {
	    min-height: 100px;
	    background: #fff;
	   	padding:0; 
	   	width: 100%; 
	   	box-shadow: 0 5px 20px rgba(0, 0, 0, .1); 
	   	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1); 
	   	border-radius: 10px; 
	   	margin-bottom: 5px;
	}
	
	.booked-time-div{
	   border-right: 1px solid #cecece;
	   font-weight:600;
	   margin: 12px 20px;
	   padding:15px 10px;
	   align: center; 
	   font-size: 18px;
	}
	
	.booked-other-details-div{
		white-space: nowrap;
		font-size: 16px; 
		margin-top:0px; 
		padding:10px 0;  
	}
	
	.booked-meeting-details-style{
		overflow: hidden;
		display: block;
		text-overflow: ellipsis;
	}
	
	.booked-icon{
		color:#8BD3F0;
	}
}

.booked-meeting-div:hover {
	background-color: #e3e2df;
	cursor: pointer;
}

.img-rounded{
	border-radius: 50%;
}

.dz-image img{
	width: 100%;
	height: 100%;
	cursor:pointer; 	
}

.dropzone .dz-preview:hover .dz-image img{
	cursor:pointer; 
	-webkit-filter: blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    -ms-filter: blur(0);
    filter: blur(0);
    z-index:0;
}

.disabledbutton {
    pointer-events: none;
    opacity: 0.8;
}

.disabledbutton > .dz-image-preview{
	pointer-events: auto;
}

.swal-button--disabledBtn,.swal-button--disabledBtn:active {
    background: #aaa;
 	cursor: default;
}

.inputCommentAddOn-disable{
	pointer-events: none;
	background-color: #d2d6de!important;
}

.order-items > .row > div > span {
	margin: 0 10px;
	font-size: 16px;
	
}

.order-no{
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 0.8;
}

.order-data{
	font-size: 1rem;
	font-weight: 400;
}

.order-label {
	font-size: 1rem;
	font-weight: 500;
	color: #848484;
}

.box-info-border{
	border: 2px solid #00c0ef;
	border-radius: 3px;
}

.box-warning-border{
	border: 2px solid #f39c12;
	border-radius: 3px;
}

.box-success-border{
	border: 2px solid #00a65a;
	border-radius: 3px;
}

.dropzone .dz-message{
	margin: 0;
	color: #848484;
	font-size: 22px;
	border-bottom: 2px dotted #adadad;
}

table.time-slot-table > thead > tr > th:nth-child(odd) {
  background-color: #f9f9f9;
  color: #000;
}

table.time-slot-table > tbody > tr > td:nth-child(odd) {
  background-color: #f9f9f9;
  color: #000;
}

.category-cards {
	margin: 0 0 0.8rem!important;
	width: 99.5%;
}

.collapsed-box .box-header.with-border{
	border-bottom: 1px solid #f4f4f4;
}

.category-cards > .box-header{
	padding: 0.4rem 0.8rem;
}

.category-cards > .box-header:hover{
	background-color: #fafafa;
}

.category-cards > .box-header > .box-body {
	padding: 0.4rem 0.8rem;
	font-size: 1rem!important;
}

.category-description {
	font-size: 12px;
	padding-left: 10px;
}

.category-name-with-desc {
	font-size: 1.5rem; 
	color: #9a9a9a; 
	font-weight: 400; 
	padding-left: 25px; 
	padding-right:10px; 
	border-right:1px solid #c4c4c4;
}

.category-name-without-desc {
	font-size: 1.5rem; 
	color: #9a9a9a; 
	font-weight: 400; 
	padding-left: 25px; 
}


.override-cards{
	border-top: 0!important;
	margin: 0 0 0.8rem!important;
	width: 99.5%;
}

.override-cards > .box-header{
	padding: 0.4rem 0.8rem;
}

.override-cards > .box-header:hover{
	background-color: #fafafa;
}

.override-cards > .box-header > .box-body {
	padding: 0.4rem 0.8rem;
	font-size: 1rem!important;
}
/* 
.override-add-btn{
	font-size: 18px; 
	border-right:1px solid #f2f2f2; 
	padding:1px 10px;
} */

.override-name {
	font-size: 1.5rem; 
	color: #9a9a9a; 
	font-weight: 400; 
	/* padding-left: 25px;  */
	padding-right:10px; 
	border-right:1px solid #c4c4c4;
}

.override-description {
	font-size: 12px;
	padding-left: 10px;
}

.cards{
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	border: 0;
    font-weight: 400;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    border-radius: .25rem;
    margin-bottom: 20px;
}

.card-body {
    -webkit-border-radius: 0!important;
    border-radius: 0!important;
        flex: 1 1 auto;
    padding: 1.25rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    font-size: 1rem;
}

.orderCards {
	margin: 1rem 0!important;
}

.ordered-item{
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.16), 0 1px 2px 0 rgba(0,0,0,.12);
	border-radius: 0!important;
	-webkit-border-radius: 0!important;
    flex: 1 1 auto;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    font-size: 1rem;
    margin: 2px 0.8rem 5px;
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #000000;
  margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}
@keyframes lds-roller {
  0% {
	transform: rotate(0deg);
  }
  100% {
	transform: rotate(360deg);
  }
}

.quadrat {
  -webkit-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Safari 4+ */
  -moz-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Fx 5+ */
  -o-animation: NAME-YOUR-ANIMATION 1s infinite;  /* Opera 12+ */
  animation: NAME-YOUR-ANIMATION 1s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes NAME-YOUR-ANIMATION {
  0%, 49% {
    background-color: #fff;
  }
  50%, 100% {
    background-color: #f1f1f1;
  }
}

blink {
	vertical-align: top;
	padding: 0 0.2vh;
	border-radius: 0.1vh;
  -webkit-animation: 2s linear infinite condemned_blink_effect;
  animation: 2s linear infinite condemned_blink_effect;
}
@-webkit-keyframes condemned_blink_effect { 
  0% {
   visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
@keyframes condemned_blink_effect {
  0% {
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
   visibility: visible;
  }
}

.mycol1{
    border-right: 1px solid grey;
    padding-left: 2.5em;
    margin-top:0;
}
.mycol2{
    border-bottom:1px solid grey;
    padding: 0.25em 0.3em;
}
.mycol3{
    padding: 0.25em 0.3em;
}
.mycell{
    font-size: 1.1em;
    transition: 0.2s;
}

.connectedSortable {
    min-height: 100px;
}

.inner-addon {
	position: relative;
}
.inner-addon .glyphicon {
	position: absolute;
	padding: 16px;
	pointer-events: none;
}
.left-addon .glyphicon  { 
	left:  0px; 
	padding-top: 10px; 
	font-size: 12px;
}
.left-addon input  { padding-left:  30px; }

.chart {
    position: relative;
    overflow: hidden;
    width: 100%}
.chart canvas, .chart svg {
    width: 100%!important;
}

.outer-circle{
	height: 28px;
    width: 28px;
    background-color: #F7F7F7;
    border-radius: 50%;
    border: 1px solid #707070;
    font-size: 22px; 
	padding-top: 0.45em;
	color: #00B0F4;
}

.margin-row{
	 margin: 2.5px -15px;
}

.column-center{
	padding-right: 0px; 
	text-align: center; 
	top: 0.5em;
}

.icon-white{
	background-color: #fff;
}

.btn-transparent{
	background-color:transparent;
	border: none;
	color: #777;
}

/*-------------- Desk Booking Dashboard ----------------------*/
.date-left-arrow:hover{
	background-color: #eee;
}


.date-right-arrow:hover{
	background-color: #eee;
}

.small-box:hover .icon{
	font-size: 90px;
}

.deskFilterSlickSLider .slick-arrow::before, .deskSlickSLider .slick-arrow::before{ 
	color:#ccc !important; 
}

.advanceOptionScrollBtn:hover{
	color:#00b0f4
}

.deskKnob .knob-label{
	font-weight: 600 !important;
}

/* Button-arrow CSS: */
#advanceOption {
  /* Arrow Buttons */
  /* ------------- */
}

#advanceOption a {
  text-decoration: none;
}
#advanceOption .button-bar {
  padding: 10px;
}
#advanceOption .buttonTab {
  width: 100%;
  position: relative;
  margin: 0;
  background: #00b0f4;
  color: #fff;
  font-size: 14px;
}
#advanceOption .buttonTab::after {
  content: '';
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
}

#advanceOption .next::after {
  border-style: solid;
}
#advanceOption .next::after {
    right: -40.3px;
    top: 0px;
    border-width: 20.5px;
    border-color: transparent transparent transparent #00b0f4;
}


.fullScreenStyle{
    background: White;
}

.fullScreenStyle .slick-slide{
	height:93vh !important;
}

.fullScreenStyle .slick-slide canvas{
	height:57vh !important;
    margin: 100px 0px;
}

.deskthead{
	cursor:pointer;
}

.paging-nav {
  text-align: right;
  padding-top: 2px;
  padding-right: 12px;
}

.paging-nav a {
  margin: auto 1px;
  text-decoration: none;
  display: inline-block;
  padding: 1px 7px;
  background: #91b9e6;
  color: white;
  border-radius: 3px;
}

.paging-nav .selected-page {
  background: #187ed5;
  font-weight: bold;
}

#deskBookingDashboardPannel.control-sidebar{
  	transition-property: width;
  	transition-duration: 0.6s;
	width:0px;
	right: 15px;
	padding-top: 0px;
	height: 100%!important;
	top: 108px;
	border: 0px solid #ccc !important;
	background-color: #222d32;
	box-shadow: -4px 0 2px -2px rgba(0,0,0,0.4);
	overflow:hidden;
}

#deskBookingDashboardPannel.control-sidebar.control-sidebar-open{
	width: 250px !important;
	height: 100%!important;
	top: 108px;
	background-color: #222d32;	
	border: 1px solid #ccc !important;
}

#deskBookingDashboardPannel .control-sidebar-dark .control-sidebar-subheading{
	color:#b8c7ce !important;
}

#deskBookingDashboardPannel .control-sidebar-heading{
	color:#fff !important;
	font-weight: 600; font-size: 16px; padding: 0px 0; margin-bottom: 15px;    border-bottom: 1px solid #ccc;
}

#deskBookingDashboardPannel .advInputText{font-weight: 700; font-style: italic;}
#deskBookingFilterForm .advFilterBtnOpen{ position: relative;  top: 18px; left: 43px;  font-size: 31px; }
#deskBookingFilterForm .advFilterBtnClose{transition-duration: 10s;position: relative; top: -6px; background: #333; padding: 6px 13px; right: 190px; font-size: 24px; z-index: 1111; }
#collapseSideBar{ position: fixed;right: 264px; padding: 10px 20px; background: #333; box-shadow:-4px 3px 2px -2px rgba(0,0,0,0.4); color: #fff;cursor:pointer;display:none }
#collapseSideBar:hover{ color:#00c0ef }

/* card css */
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1)!important;
}
.card>hr {
    margin-right: 0;
    margin-left: 0;
}
.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.card-title {
    margin-bottom: .75rem;
}
.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0;
}
.card-text:last-child {
    margin-bottom: 0;
}
.card-link:hover {
    text-decoration: none;
}
.card-link+.card-link {
    margin-left: 1.25rem;
}
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-header+.list-group .list-group-item:first-child {
    border-top: 0;
}
.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125);
}
.card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
}
.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0;
}
.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem;
}
.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}
.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px);
}
.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}
.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px);
}
.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.card-deck .card {
    margin-bottom: 15px;
}
@media (min-width:576px) {
    .card-deck {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.card-deck .card {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
}
}.card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}
.card-group>.card {
    margin-bottom: 15px;
}
@media (min-width:576px) {
    .card-group {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.card-group>.card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
}
.card-group>.card+.card {
    margin-left: 0;
    border-left: 0;
}
.card-group>.card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.card-group>.card:not(:last-child) .card-header, .card-group>.card:not(:last-child) .card-img-top {
    border-top-right-radius: 0;
}
.card-group>.card:not(:last-child) .card-footer, .card-group>.card:not(:last-child) .card-img-bottom {
    border-bottom-right-radius: 0;
}
.card-group>.card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.card-group>.card:not(:first-child) .card-header, .card-group>.card:not(:first-child) .card-img-top {
    border-top-left-radius: 0;
}
.card-group>.card:not(:first-child) .card-footer, .card-group>.card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0;
}
}.card-columns .card {
    margin-bottom: .75rem;
}
@media (min-width:576px) {
    .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
}
.card-columns .card {
    display: inline-block;
    width: 100%}
}.accordion>.card {
    overflow: hidden;
}
.accordion>.card:not(:first-of-type) .card-header:first-child {
    border-radius: 0;
}
.accordion>.card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0;
}
.accordion>.card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.accordion>.card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.accordion>.card .card-header {
    margin-bottom: -1px;
}

/* end of card css */

.dash-meeting-title{
	padding: 6px 27px;font-size: 22px;font-weight: 500;width:70%;display:inline-block;
	
}
.timeline>li>.fa, .timeline>li>.glyphicon, .timeline>li>.ion{
	width: 22px;
    height: 22px;
    font-size: 14px;
    line-height: 23px;
    position: absolute;
    color: #666;
    background: #d2d6de;
    border-radius: 50%;
    text-align: center;
    left: 22px;
    top: 0;
	
}

/* custom Scroll bar */
.customScrollBar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.customScrollBar::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.customScrollBar.scrollbarBlack::-webkit-scrollbar-thumb
{
	background-color: #000000;
	border: 2px solid #555555;
}

.customScrollBar.scrollbarBlue::-webkit-scrollbar-thumb
{
	background-color: #00b0f4;
	border: 2px solid #00b0f4;
}

.customScrollBar.scrollbarCascade::-webkit-scrollbar-thumb 
{
	background-color: #95a5a6;
	border: 2px solid #95a5a6;
}

.nav-tabs-custom-dash>.nav-tabs>li.active>a, .nav-tabs-custom-dash>.nav-tabs>li.active:hover>a {
    background-color: #3c8dbc !important;
    color: #fff !important;
    border-radius: 18px 18px 0px 0px;
    box-shadow: 3px 0px 3px 1px #ccc;
}

.nav-tabs-custom-dash>.nav-tabs>li.active {
    border-top-color: #fff !important;
}

#hvacBtnControl{
	color:#00b0f4
}
#hvacBtnControl:hover{
	color:#fff !important;
	background:#00b0f4;
}

#lightingBtnControl{
	color:#00b0f4
}
#lightingBtnControl:hover{
	color:#fff !important;
	background:#00b0f4;
}

#hvac-Lighting-control-body{
	
}

#hvac-Lighting-control-body .activeControl{
	border-bottom:2px solid #00b0f4 !important ;	
	color:#00b0f4 !important;
}

#model-tab-hvac{
	cursor:pointer;
}
#model-tab-hvac:hover{
	
}
#model-tab-lighting{	
	cursor:pointer;
}
#model-tab-lighting:hover{
	
}

.toggle-switch-new{
    position: absolute;
    left: 2px;
    top: 2px;
    display: block;
    margin: 2px 2px;
    border: 1px solid #ccc;
    border-radius: 15px;
    background: #ccc;
    width: 12vw;
    height: 78%;

}

.toggle-switch-new .toggle-tab{
	display: inline-block;
    margin: 3px 6px;
    border-radius: 15px;
    width: 5vw;
    height: 78%;
    cursor:pointer;
}

.toggle-switch-new .toggle-tab span{
	font-size: 16px !important;
    font-weight: 600;
    position: relative;
    top: -5px;
}


.toggle-switch-new .active-toggle{
	background: #fff;
    color: #00b0f4;
    box-shadow:0px 0px 5px 2px #fff;
	transition: all .5s ease-in-out;
}

#zoneContainer{
	padding-bottom: 15px; 
	height: 50vh;
	overflow:auto; 
	padding: 0px; 
	text-align: center;
	cursor:pointer;
}

#zoneContainer .zoneItem{
	padding: 21px 2px;
    height: 8vh;
    border: 1px solid #ccc;
    border-right: none;
}

#zoneContainer .zoneItem:hover{
	color:#00b0f4;
}	

#zoneContainer .selectedZone{
 	/* border-left: 2px solid #00b0f4; */
    /* border-right: 2px solid #00b0f4; */
    /* color: #00b0f4; */
    /* box-shadow: 0px 2px 8px 0px #ccc; */
    padding: 17px 2px !important;
    font-size: 20px;
    background: #bdeafb;
    color: #2f7e9c !important;
}

#lightContainer{
	padding-bottom: 15px; 
	height: 50vh;
	overflow:auto; 
	padding: 0px; 
	text-align: center;
	cursor:pointer;
	
}

#lightContainer .zoneItem{
	padding: 21px 2px;
    height: 8vh;
    border: 1px solid #ccc;
    border-right: none;
}

#lightContainer .zoneItem:hover{
	color:#00b0f4;
}	

#lightContainer .selectedZone{
 	/* border-left: 2px solid #00b0f4; */
    /* border-right: 2px solid #00b0f4; */
    /* color: #00b0f4; */
    /* box-shadow: 0px 2px 8px 0px #ccc; */
    padding: 17px 2px !important;
    font-size: 20px;
    background: #bdeafb;
    color: #2f7e9c !important;
}

#lightSceneContainer {
	padding: 0px;
	border-left: 1px solid #ccc;
	width: 100%;
	position: relative;
	overflow:auto;
}

#lightSceneContainer .sceneContainer{
	width: 100%; 
	height:8vh; 
	padding:5px 30px;
	margin-bottom: 2px;
    box-shadow: 0 0.5px 1px 0 rgba(0,0,0,.16), 0 0.5px 2px 0 rgba(0,0,0,.12);
    border: 0;
}

#lightSceneContainer .selectedScene{
	background-color: #f5f5f5;
}

#lightSceneContainer .sceneContainer .sceneHeading{
	font-size:15px; 
	display: block;
	position: relative;
	left:6vh;
	font-weight: 600;
}

#lightSceneContainer .selectedScene .sceneHeading{
	color: #00ABD4;
}

#lightSceneContainer .sceneContainer .sceneDescription{
	font-size:12px; 
	color: #777;
    display: block;
    position: relative;
    left:6vh;
    font-weight: 500;
}

#lightSceneContainer .sceneContainer .sceneCheck {
	position: absolute;
	display: inline-block;
	top:2vh;
}

.meetingRoomToggle li.active a{
	border-top:2px solid #00b0f4 !important;
}

.hvacBtn:active{
	box-shadow: 1px 8px 5px -2px #ccc;
    border-radius: 24px;
    width: 48px;
    height: 48px;
}

.hvacBtnPlusMins:active{
	box-shadow: 1px 8px 5px -2px #ccc;
    border-radius: 53px;
    font-size: 33px !important;
}

.userToggleMainDiv{
 width: 144px;
    padding: 3px 8px;
    height: 30px;
    display: block;
    background: white;
    position: relative;
    float:right;
    box-shadow: 1px 1px 2px 0px #ccc;
	}
	
.activeUserChart{	
    color: #00b0f4;
    font-weight: 700;
}	

.userToggleFirstDiv{
	display: inline-block;
    width: 50px;
    border-right: 1px solid #ccc;
    padding: 2px;
    text-align: center;
    cursor:pointer;
	}
	
.userToggleSecondDiv{
	width: 50px;
    padding-left: 4px;
    display: inline-block;
    text-align: center;
    cursor:pointer;

}
ul.wysihtml5-toolbar li a[title="Insert image"] { display: none; }

ul.wysihtml5-toolbar li a {
	font-size: 1rem;
    padding: 6px 16px;
}

.matrixline {
  stroke: rgb(212, 212, 212);
  stroke-width: 1px;
  shape-rendering: crispEdges;
}

.switch {
  position: relative;
  height: 34px;
  width: 136px;
  margin: 20px 0;
  background: #E0E0E0;
  border-radius: 3px;
 /*  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); */
}

.switch-label {
  position: relative;
  z-index: 2;
  width: 65px;
  line-height: 32px;
  font-size: 22px;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
  cursor: pointer;
}
.switch-label:active {
  font-weight: bold;
}

.switch-label-off {
  padding-left: 2px;
}

.switch-label-on {
  padding-right: 4px;
  padding-left: 5px;
}


.switch-input {
  display: none;
}
.switch-input:checked + .switch-label {
  font-weight: bold;
  /* color: rgba(0, 0, 0, 0.65); */
  text-shadow: 0 1px rgba(255, 255, 255, 0.25);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -ms-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: color, text-shadow;
  -moz-transition-property: color, text-shadow;
  -ms-transition-property: color, text-shadow;
  -o-transition-property: color, text-shadow;
  transition-property: color, text-shadow;
}
.switch-input:checked + .switch-label-on ~ .switch-selection {
  left: 60px;
  /* Note: left: 50%; doesn't transition in WebKit */
}

.switch-selection {
  position: absolute;
  z-index: 1;
  top: 1px;
  display: block;
  width: 74px;
  height: 32px;
  border-radius: 3px;
  background-color: #65bd63;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9dd993), color-stop(100%, #65bd63));
  background-image: -webkit-linear-gradient(top, #9dd993, #65bd63);
  background-image: -moz-linear-gradient(top, #9dd993, #65bd63);
  background-image: -ms-linear-gradient(top, #9dd993, #65bd63);
  background-image: -o-linear-gradient(top, #9dd993, #65bd63);
  background-image: linear-gradient(top, #9dd993, #65bd63);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -ms-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
.switch-blue .switch-selection {
  background-color: #27ACE3;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4fc9ee), color-stop(100%, #27ACE3));
  background-image: -webkit-linear-gradient(top, #4fc9ee, #27ACE3);
  background-image: -moz-linear-gradient(top, #4fc9ee, #27ACE3);
  background-image: -ms-linear-gradient(top, #4fc9ee, #27ACE3);
  background-image: -o-linear-gradient(top, #4fc9ee, #27ACE3);
  background-image: linear-gradient(top, #4fc9ee, #27ACE3);
}

.icon-img{
	width:20px; 
	height:20px; 
	margin-bottom:3px; 
	border-radius:50%;
	margin-top:3px;
	transition: all 0.5s ease;
}

.table-icon-img{
	width:75px; height:75px; margin-bottom:3px; border-radius:50%;
	margin-top:3px;
}

.icon-img:hover{
	border:3px solid #dddddd;
	background-color: #E2E2E2;
	padding:1px;
	-webkit-animation: fadeInFromNone 0.5s ease-out;
    -moz-animation: fadeInFromNone 0.5s ease-out;
    -o-animation: fadeInFromNone 0.5s ease-out;
    animation: fadeInFromNone 0.5s ease-out;
}

@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

.icon-img.selected {
	border:3px solid #dddddd;
	transition: all 0.5s ease;
	 box-shadow:0px 3px 6px 1px #333;
	 background-color: #E2E2E2;
}

.icon-img.selected:hover {
	padding:1px;
}

#selectedIcon{
	width:75px; height:75px; margin-bottom:3px; border-radius:50%;
	transition: all 0.5s ease;
}

#selectedIcon:hover{
	border:3px solid #c4c4c4;
	-webkit-animation: fadeInFromNone 0.5s ease-out;
    -moz-animation: fadeInFromNone 0.5s ease-out;
    -o-animation: fadeInFromNone 0.5s ease-out;
    animation: fadeInFromNone 0.5s ease-out;
}

.mySidePanel{
	width: 0;
	position: fixed;
	z-index: 200;
	top: 46px;
	right: 0;
	overflow-x: hidden;
	transition: 0.3s;
	padding-top: 60px;
}

.mySidePanel > .box {
	-webkit-box-shadow: -20px 10px 5px 0px rgba(0,0,0,0.75)!important;
-moz-box-shadow: -20px 10px 5px 0px rgba(0,0,0,0.75)!important;
box-shadow: -20px 10px 5px 0px rgba(0,0,0,0.75)!important;
}

.closePaneBtn {
	position:absolute; 
	right:-15px; 
	z-index:100; 
	top:118px; 
	border-radius:20px; 
	padding-right:25px;
	transition: 0.3s;
}

.openPaneBtn {
	position:absolute; 
	right: 300px;
	z-index: 100;
	top:118px;
	border-radius: 20px;
	padding-right:25px;
	transition: 0.3s;
}

.zoneValueLabels{
	color: #888;
	display:block;
	font-size: 12px;
}

.zoneElementSelected {
	background-color: rgb(69, 90, 100);
	opacity: 0.6;
	color: #fff;
}

.zoneElementSelected > div > div > div > .zoneValues{
	color: #fff;
	display:block;
	font-size:14px;
}

.zoneElementSelected > div > div > div > .zoneValueLabels{
	color: #fff;
	display:block;
	font-size: 12px;
}

li.hvac-override-item{
	padding:2px 20px!important; 
	border: 1px solid #ccc!important;
	margin-bottom: 10px;
}

.overrideZone{
	color: #27ACE3; 
	font-size:1.2rem; 
	font-weight:500;
}

.overrideCancelBtn{
	color: #ccc; 
	font-size:16px; 
	margin-right:-10px; 
	font-weight:600;
}

.overrideRowBackground {
	background-color: #eff7ff;
}

.overrideRowBackgroundWithBorder {
	background-color: #eff7ff;
	border-top:1px solid #d5d5d5;
}

.overrideColWithBorder{
	border-right: 1px solid #d5d5d5; 
	margin-top: 5px; 
	margin-bottom:5px;
}

.overrideColWithoutBorder{
	margin-top: 5px; 
	margin-bottom:5px;
}

.overrideZoneMainValues{
	display:block;
	color: #111; 
	font-size:16px; 
	font-weight: 500;
}

.overrideZoneSubValues{
	display:block;
	color: #111; 
	font-size:12px; 
	font-weight: 400;
}

.overrideZoneValueLabels{
	color: #888;
	display:block;
	font-size: 12px;
}

.overrideTimeLabel{
	color: #888;
	font-size: 12px;
}

.overrideTimeValue{
	/* position:absolute; 
	float:right;  */
	color: #111; 
	font-size:1rem; 
	font-weight: 500;
}

#sceneContainer {
	padding: 0px;
	width: 100%;
	border-left: 1px solid #ccc;
	position: relative;
	overflow:auto;
}

#sceneContainer .sceneContainer{
	width: 90%; 
	height:8vh; 
	padding:5px 30px;
	margin-bottom: 2px;
    box-shadow: 0 0.5px 1px 0 rgba(0,0,0,.16), 0 0.5px 2px 0 rgba(0,0,0,.12);
    border: 0;
}

#sceneContainer .selectedScene{
	background-color: #f5f5f5;
}

#sceneContainer .sceneContainer .sceneHeading{
	font-size:15px; 
	display: block;
	position: relative;
	left:6vh;
	font-weight: 600;
}

#sceneContainer .selectedScene .sceneHeading{
	color: #00ABD4;
}

#sceneContainer .sceneContainer .sceneDescription{
	font-size:12px; 
	color: #777;
    display: block;
    position: relative;
    left:6vh;
    font-weight: 500;
}

.pantryCardRows {
	margin:1px; border-bottom:1px solid #eee;
}

#downloadReportBox {
	cursor: pointer;
}

.mega-menu-flex-container {
	display:flex;
}

.mega-menu-flex-container > .div1 {
	margin-right:8px;
}

.menu-dropdown {
  float: left;
  overflow: hidden;
}

.menu-dropdown .menu-dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font: inherit;
  margin: 0;
}

.menu-dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 97%;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1100!important;
  max-height:600px; 
  overflow-x:hidden; 
  overflow-y:auto;
}

.menu-dropdown:hover .menu-dropdown-content {
  display: block;
}

.mega-menu {
	display:block; 
	box-sizing: border-box;
}

.mega-menu-content {
	width:100%; 
	position:relative; 
	color:#1c5673; 
	margin:0 auto; 
	display: block!important; 
	flex-wrap:nowrap; 
	columns: 4 auto; 
}

.mega-menu-content-border {
	border-bottom: 1px solid #ccc;
	padding-bottom: -20px!important; margin-bottom: 20px;
}

.mega-menu-level-1 {
	display: inline-flex; 
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
	list-style-type: none;
	box-sizing: border-box;
	margin: 0 0 20px; 
	width: 100%;
}

.mega-menu-level-1 > li{
	border: none; 
	list-style:none;
	line-height: 1.2;
	padding-bottom:8px;
}

.mega-menu-main-heading{
	margin-top:0;
	width:100%;
	color:#000;
	/* font-size:16px; */
	font-weight: 550;
	margin-bottom:8px;
	line-height:1.2;
}

.mega-menu-level-1-heading{
	color: #000;
	font-size: 14px;
	text-decoration: none;
	border: none;
	background: transparent;
	font-weight: 400;
}

button.mega-menu-level-1-heading {
	color: #000!important;
	padding: 0!important;
}

.mega-menu-level-1-heading-div{
	line-height: 1.2;
	padding-bottom:8px;	
}
.mega-menu-level-1-heading:hover{
	text-decoration: underline;
	color: #1E88E5;
}

button.mega-menu-level-1-heading:hover {
	text-decoration: underline;
	color: #1E88E5!important;
}

.mega-menu-level-2 {
	display: block; padding:2px 0px; list-style: none;
}

.mega-menu-level-2 > li {
	font-size:14px;
	line-height: 1.2;
	padding-bottom:8px;
}

.mega-menu-level-2 > li  > a {
	color: #0E0E0E;
	background-color: none;
	padding: 0 5px;
}

.mega-menu-level-2 > li  > a:hover {
	text-decoration: underline;
	font-size: 15px;
	color: #1E88E5;
}

.easy-autocomplete-container > ul {
	margin-left: 13px;
}

.easy-autocomplete-container > ul > li{
	font-size: 14px!important;
}


.per-control {
    padding: 20px 0;
    max-width: 800px;
    margin: auto;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.per-next {
    margin-left: 10px;
}

.per-prev {
    margin-left: 20px;
}

.per-arrow {
  display: flex;
}

.per-next:hover, .per-prev:hover {
    transform: scale(1.1);
}

.per-next, .per-prev{
    cursor: pointer;
    width: 45px;
    height: 45px;
    border: 1px solid #111111;
    border-radius: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s
}

.per-carousel {
    position: relative;
    width: 1000px;
    height: 600px;
    margin: 50px auto auto;
}

.per-carousel .item {
    height: 300px;
    width: 1000px;
    background-color: #111;
    transition: height 0.3s, left 0.3s, box-shadow 0.3s;
    position: absolute;
    bottom: 0;
    text-align: center;
    overflow: hidden;
}

.before-item {
    left:-70%;
    cursor: pointer;
}

.center-item {
    height: 450px !important;
    left: 0;
}

.second-item, .last-item, .center-item {
    box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.1);
}

.after-item {
    left: 70%;
    cursor: pointer;
}

.per-line {
    width: 80%;
    background-color: #111111;
    height: 1px;
    position: relative;
}

.actual-line {
    transition: width 0.3s;
    background-color: #74D064;
    height: 3px;
    position: absolute;
    top: -1px;
    left: 0;
}

.per-content {
    display: flex;
    flex-direction: column;
    align-items: center;
     background-color: #111;
    padding: 50px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}

.per-title {
    margin-top: 50px;
    font-size: 30px;
}

.dashboard-card {
	perspective: 150rem;
	display: inline-block;
	margin: 0 5px 20px; width:100%;
	position: relative;
	height:180px; 
}

.dashboard-card-side {
	height:180px; 
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	backface-visibility: hidden;
	transition: all .8s;
}

.dashboard-template-name {
	position:absolute; top:50%; left:50%; color:#fff; transform:translate(-50%,-50%); text-align:center;
}

.dashboard-template-name > span {
	font-size:5.6vh; text-shadow: 1.6px 1.6px #aaa;
}

.dashboard-card-side-front {
	background-color:black; 
	background-size:contain; 
	background-repeat:no-repeat;
	background-position:top;
}

.dashboard-card-side-back {
	background-color: #ccc;
	color: #333;
	font-size: 14px;
	padding: 5px 10px;
	overflow-y: scroll;
	transform: rotateY(180deg);
}

.dashboard-card:hover .dashboard-card-side-front{
	transform: rotateY(180deg);
}

.dashboard-card:hover  .dashboard-card-side-back{
	transform: rotateY(0deg);
}

.dashboard-control-buttons {
	position: absolute; top:190px; margin-top: 5px; left: 50%; transform: translate(-50%, 0); text-align:center;
}

.dashboard-control-buttons > button {
	margin: 0 5px;
}

.fadein, .fadeout {
    opacity: 0;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    -webkit-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}
.fadein {
    opacity: 1;
}

.nav-stacked > li > a {
	cursor: pointer;
}

.nav-stacked >li >a:hover + .hide{
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
}

.evo-pop {
	background-color: #ccc;
	margin:0 10px;
	padding: 0;
}

.loader-new {
  border: 1vh solid #f3f3f3;
  border-radius: 50%;
  border-top: 1vh solid #223dfd;
  top: calc(50% - 25px)!important;
  left: calc(50% - 25px)!important;
  width: 50px;
  height: 50px;
  margin-left:0px!important;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.daterangepicker {
	z-index: 1999;
}

.filter-view {
	background: transparent;
	border:none;
	box-shadow: none!important;
	-webkit-box-shadow:none!important;
}

.modal {
	z-index:1999!important;
}

.popover {
	z-index:2060!important;
}

.select2-dropdown {
	z-index:1999;
}

.form-flex {
	display:flex; 
	margin:0 15px 30px; 
	flex-wrap: wrap; 
	align-items:flex-start; 
	padding-bottom: 50px; 
	position:relative; 
	width:100%;
}

.form-flex > .box1{
	flex: 1; 
	max-width:32.2%; 
	background-color:#ffffff; 
	border: 1px solid #e1e1e1; 
	border-radius: 2px; 
	padding-bottom:30px; 
	margin-right:10px;
}

.form-flex > .box2{
	flex: 1; 
	max-width:32.2%; 
	background-color:#ffffff; 
	border: 1px solid #e1e1e1; 
	border-radius: 2px;
	padding-bottom:30px;
	margin-left:10px; 
	margin-right:10px;
}

.flex-header-item {
	display: flex; 
	align-items: center; 
	border-bottom: 1px solid #e1e1e1; 
	width: 100%; 
	margin: auto;
}

.flex-header-item > .group1 {
	flex:1; 
	padding: 10px 20px 5px;
}

.flex-item {
	display: flex; 
	padding: 10px 20px 0px; 
	align-items: center;
}

.flex-item > .group1 {
	flex:1;
	overflow: hidden;
}

.flex-item > .group1 > label{
	color: rgba(0,0,0,.87); 
	text-transform: none; 
	padding-top:5px;
}

.flex-item > .group2 {
	flex:3; 
	padding-left:10px;
	overflow: hidden;
}

.form-flex-footer {
	border-top:1px solid #e1e1e1; 
	position: absolute; 
	left: 0; 
	bottom: 20px; 
	width: 100%;
}

.light-flex-item {
	display: flex; 
	padding: 5px 15px 0px; 
	align-items: center;
}

.light-flex-item > .light-group1 {
	flex:3;
	overflow: hidden;
}

.light-flex-item > .light-group1 > label{
	color: rgba(0,0,0,.87); 
	text-transform: none; 
	padding-top:5px;
}

.light-flex-item > .light-group2 {
	flex:3; 
	padding-left:5px;
	overflow: hidden;
}

table.dataTable thead .sorting {
	background-image: none!important;
}

table.dataTable thead .sorting_asc {
	background-image: none!important;
}

table.dataTable thead .sorting_desc {
	background-image: none!important;
}

.nav-tabs .nav-link {
	margin-bottom: 1px;
}

.fixed .content-wrapper{
	margin-top: 45px!important;
}

.nav-tabs-custom {
	margin-bottom: 10px;
	margin-right: -15px;
	margin-left: 10px;
}

.dt-buttons .dt-button {
	border-radius: 5px!important;
}

.dt-buttons {
	margin-bottom: 0px!important;
}

.dataTables_info, .dataTables_length, .dt-buttons {
	padding-top: 0px!important;
}

.box {
	margin: 0 -0.8rem 0.8rem 0.8rem;
}

.main-header {
	max-height: 45px;
	height: 45px!important;
}

.main-header .navbar-custom-menu {
	margin-right: 0;
}

.box-header{
	padding: 0.8rem;
}

.input-group > .select2-container--bootstrap4 {
    width: auto !important;
    flex: 1 1 auto !important;
}

.input-group > .select2-container--default .select2-selection--single  {
    line-height: inherit !important;
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
	padding-left: 12px;
	color: #333;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #999;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	padding: 1px 5px 0;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
	height: 0;
	margin-right: 15px;
	color: #888;
	margin-top: 0;
}

.custom-popover {
	min-width: 350px; overflow:hidden; word-break:break-word; height: auto;
}

.svg-custom-popover {
	min-width: 250px; background-image: linear-gradient(white, #d6d6d6); height: auto;
}

#index-main-menu {
	list-style-type: none; 
	z-index: 9999; 
	box-sizing: border-box; 
	position: relative; 
	display: block; 
	list-style: none; 
	margin: 5px; 
	padding: 0; 
	line-height: normal; 
	direction: ltr; 
	text-align: left;
}

#menu-nav > .nav-item {
	margin-right: 5px;
}

#menu-btn a.push-btn:active{
	background-color: rgb(185 235 255);
}

/* #notification-btn a.push-btn:active{
	background-color: rgb(185 235 255);
} */

#campusChangeIcon {
	background-color: rgb(185 235 255); color: rgb(0 149 207)!important;
	font-size: 18px;
}

a.footer-btn {
	color: #fff;
}

a.footer-btn:hover {
	color: #000;
}

#campusChangeNav > .select2-container--default .select2-selection--single {
	background-color: #eff7ff!important;
}

#pantryChangeNav > .select2-container--default .select2-selection--single, #vendorChangeNav > .select2-container--default .select2-selection--single {
	background-color: #eff7ff!important;
}

#campusChangeNav > select2 select2-container select2-container--default select2-container--below select2-container--open select2-container--focus > 
	.selection > .select2-container--open .select2-dropdown--below  {
	background: #eff7ff!important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border-radius: 5px;
	border-color: #86a4c3!important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #d9d9d9!important;
}

.select2-container--default .select2-selection--multiple .select2-results__option[aria-selected] {
    background-color: #d9d9d9!important;
}

.select2-container--default.select2-container--open {
	border-color: #d9d9d9!important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #d9d9d9!important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border-color: #d9d9d9!important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: #d9d9d9!important;
}

.select2-container--default .select2-selection--multiple:focus {
	border-color: #d9d9d9!important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice
	{
	background-color: #d9d9d9!important;
	border-color: #86a4c3!important;
}

.footer-row {
	border-top: 1px solid #eee; padding-top: 16px; margin-top: 20px;
}

/* table.dataTable thead .sorting {
background-image: url("../libs/datatables-2.1.1/DataTables-1.11.0/images/sort_both.png")!important;
background-repeat: no-repeat;
background-position: 13px 17px;
margin-left: 10px;
}

table.dataTable thead .sorting_asc {
background-image: url("../libs/datatables-2.1.1/DataTables-1.11.0/images/sort_asc.png")!important;
background-position: 13px 17px;
background-repeat: no-repeat;
margin-left: 10px;
}

table.dataTable thead .sorting_desc {
background-image: url("../libs/datatables-2.1.1/DataTables-1.11.0/images/sort_desc.png")!important;
background-position: 13px 17px;
margin-left: 10px;
} */

.img-btn {
	margin: 0.5rem;
}

.img-btn .login-icon-image{
	padding: 10px;
	color:#aaa;
	font-weight: 400;
  }
  .img-btn > input{
	display:none
  }
  .img-btn > .login-icon-image{
	cursor:pointer;
	border:3px solid transparent;
  }
  .img-btn > input:checked + .login-icon-image{
	border-color:#6E59ED;
	color: #6E59ED;
	border-radius:10px;
  }

  .img-btn > :not(input:checked) + .login-icon-image:hover{
	cursor:pointer;
	border:3px solid #6E59ED;
	font-weight: 520;
	color: #6E59ED;
	border-radius:10px;
  }

  .checkinBtn {
	margin: 0.5rem;
}

.checkinBtn .chekin-icon{
	padding: 10px;
	color:	#888;
	font-weight: 400;
  }
  .checkinBtn > input{
	display:none
  }
  .checkinBtn > .chekin-icon{
	cursor:pointer;
	border:3px solid transparent;
  }
  .checkinBtn > input:checked + .chekin-icon{
	border-color:#6E59ED;
	color: #6E59ED;
	border-radius:10px;
  }

  .checkinBtn > :not(input:checked) + .chekin-icon:hover{
	cursor:pointer;
	border:3px solid #6E59ED;
	font-weight: 520;
	background-color: #6E59ED;
	color:#fff;
	border-radius:10px;
  }

.lightOptionChangeBtn > input:not(:checked) + .chekin-icon-service :hover {
    border-color: #5B42F3; /* Border color on hover */
    background-image: linear-gradient(90deg, #AF40FF, #5B42F3 50%, #00DDEB); /* Gradient background */
    color: white;
    opacity: 0.8;
}

.lightOptionChangeBtn > input:checked + .chekin-icon-service  {
    border-color: #5B42F3;
    background-image: linear-gradient(90deg, #AF40FF, #5B42F3 50%, #00DDEB);
    color: white;
    opacity: 0.8;
}

/* Style for the chekin-icon when hovered and not checked */
.chekin-icon-service:hover {
    border-color: #5B42F3; /* Change border color on hover */
    background-image: linear-gradient(90deg, #AF40FF, #5B42F3 50%, #00DDEB);
    color: white;
    opacity: 0.8;
	border:3px solid #5B42F3;
}

.chekin-icon-service {
	cursor:pointer;
	position: absolute;
	text-align: center;
    width: 100%;
	margin: 1px;
	border-radius:10px;
	min-height: 60px;
	max-height: 80px;
	vertical-align: middle;
	color: #888; 
	font-family: Arial, Helvetica, sans-serif;
	border: 3px solid #888;
	letter-spacing: 0 !important;
  }

  #forgotPassWordbtn {
	  color: #6E59ED;
  }

  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background-color: #45AEF1;
	color: #ffffff;
  }


  .dataTables_wrapper .form-control {
	  margin: 0;
  }
  
  .btn-margin3 {
	  margin-left: 3px;
  }

  .dataTables_paginate.paging_simple_numbers .pagination .paginate_button a {
	  padding: 5px 10px!important;
  }
  
  .vakata-context, .vakata-context ul {
	  display: none!important;
  }

  #pantry-menu-tabs {
	  font-size: 1rem;
  }

  #cafe-tabs {
	font-size: 1rem;
}

  .toggle-group > .btn {
	padding-top: 1.2rem;
  }

  .slider .tooltip.in {
	opacity: 1;
}

.slider .tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #fff;
}

.slider .tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.slider .tooltip.top {
	padding: 5px 0;
}

.slider {
	width: 100%!important;
}

.btn-app > i {
	font-size: 0.8rem!important;
}

.stat-cards {
	padding: 1rem!important;
	 color: #fff!important;
}

#switchBtns > .btn {
	padding: 0 16px!important;
}


.user-menu-1{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 10px;
}

.user-menu-2{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}

.user-menu-3{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.icon-grey {
	filter: saturate(0.1);
}

.badge-xs {
	line-height: 1.2;
    padding-top: 1px;
    padding-bottom: 2px;
    font-size: 40%;
}

.not-filter-area {
    box-shadow: 0 0px 10px rgba(0,0,0,.2);
    position: absolute;
    min-height: 80px;
    width: 500px;
    margin-top: 0px;
    margin-right: 0px;
    background: white;
    z-index: 9;
    right: 0;
    padding: 0px;
	max-height: 500px;
	overflow-y: scroll;
}

.main-login-box{
	height: 100vh; display: flex; flex-direction: row;
}

.main-login-div1 {
	flex: 1;height: 100%; background: #EEF5F9;
	display: block;
}

.main-login-div2 {
	height: 100%; flex: 1; text-align: center; background-color: rgb(255, 255, 255);
	display: block;
}

.main-login-overlay {
	flex: 1;
	display: none;
}

#menu-dropdown-menu{
	min-width: 1350px;
}
/* Media Query For Android Devices */
@media only screen and (max-width: 400px) {
	#signinbtn{
		height: 100% !important;
	  }
	  .email-box{
		height: 90px !important;
	}
	.filter-Responsive{
		width: 300px;
		margin-right: -230px;
	}
	.popover{
		transform: translate3d(-10px, 169px, 0px) !important;
	}
	/* .main-login-div2 {
		display: none !important;
	}
	.main-login-overlay {
		flex: 1;
		display: block !important;
		width: 100%;
	} */
}
/* Media Query For IOS Devices */
@media only screen and (min-width: 600px) and (max-width: 700px) {
	.filter-div-Resposive {
    margin-right: -450px;
	overflow: scroll;
}
.popover {
    height: 200px !important;
    overflow: scroll;
}
.upgrade-management-responsive{
	overflow: scroll;
}
.meeting-info-box-pax-avail{
position: static !important;
}
#revisionBackBtn{
	margin-left: 150px;
}
#Guest-Mobile-responsive{
	width:50% !important;
}
#findPath{
	width: 15vw !important;
}
#qrcode-2{
	height: 5rem !important;
	width: 5rem !important;
}
#linkURL{
	font-size: 5px !important;
}
#navigate-copy-icon{
	height: 1rem !important; 
}
.repeatDaysBtn{
	font-size: 0.4rem !important;
}
.repeatDaysBtnSelected{
	font-size: 0.4rem !important;
}
.scheduleControls{
	height: 145vh !important;
	background-color: white !important;
	overflow: auto;
}
.map-col-Responsive{
	height: 100% !important;
	background-color: white;
}
.lightZoneListDisplay{
	font-size: 0.5rem !important
}
.lightZoneListDisplaySelected{
	font-size: 0.5rem !important
}
.light-control-responsive{
	height: 110% !important;
}
.light-schedule-responsive{
	overflow: auto !important;
}
.main-footer{
	position: fixed !important;
	font-size: 5px !important;
}
/* #scheduleTriggerControlBtn{
	height: 50px;
}
#cancelScheduleBtn{
	height: 50px;
} */
.checkbox-responsive{
height: 140px !important;
}
#light-schedule-Buttons{
	margin-top: 0px !important;
}

}
/* Media Query For IOS Landscape Devices */
@media only screen and (min-width: 700px) and (max-width: 900px) {
	#draw-tool-items{
		width: 100% !important;
	}
	.filter-div-Resposive {
    height: 50%;
    overflow: auto;
    /* margin-right: -450px; */
}
.popover {
    height: 200px !important;
    overflow: scroll;
}
.meeting-info-box-pax-avail{
	position: static !important;
}
#revisionBackBtn{
	margin-left: 50px;
}
}
/* Media Query For Tabs Devices */
@media only screen and (min-width: 600px) and (max-width: 1200px) {
	.popover{
		transform: translate3d(-150px, 169px, 0px) !important;

  }

}
@media only screen and (max-width: 600px) {
	#loginForm {
	  padding: 0px 40px;
	}
	#signinbtn{
		width: 40% !important;
	  }
	#signinMpinbtn{
		width: 40% !important;
	  }
	.email-box{
		height: 80px;
	  }
	  /* .main-login-div2 {
		display: none !important;
	}
	.main-login-overlay {
		flex: 1;
		display: block !important;
		width: 100%;
	} */
	
	#container-Responsive{
		min-height: 110vh;
	}
	.main-footer{
    font-size: 5px !important;
	}
	.home-weather-widget{
		width: 10px !important;
	}
	.mega-menu-content{
	    columns: 2 auto; 
	}
	#menu-dropdown-menu{
		min-width: 350px !important;
		border-radius: 13px !important;
	}  
	#responsive-Search{    
		margin: 10px 0px !important;
	}
	#naviagtion-Path-Resposive{
		display: block;
	}
	#slideBody-Resposive{
		width: 100% !important;
		position: unset !important;
	}
	.drawBox-Responsive{
		top: 0px !important;
	}
	#drawTool-col-7{
		margin-top: 10px;
	}
	/* #desk-scroll-facility{
		height: 150px;
	} */
	#upgrade-Search-Responsive{
		width: 100% !important;
		margin-top: 10px;

	}
	#utility-Responsive-Table{
		width: 100%;
	}
	#formFlexDiv{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.box1{
    max-width: 100% !important;
	}
	.box2{
		max-width: 100% !important;

	}
	.box3{
		max-width: 100% !important;
	}
	.create-Dashboard-buttons{
		position: unset !important;
		margin-top: 10px;

	}
	#revisionAddBtn{
		position: unset !important;
	}
	#revisionBackBtn{
		position: unset !important;
	}
	.Service-div-Responsive{
	display: flex !important;
	flex-direction: column !important;
	}
	.details-div{
		padding: 15px 12px 3px 100px;
	}
	.filter-Button-Responsive{
		position: unset !important;
	}
	.filter-div-Resposive{
		height: 50%;
		overflow: auto;
		margin-right: 10px;
	}
	.facility-setting-locker-Responsive{
		width: 288px !important;
		margin-right: -115px;
	}
	.facility-setting-Responsive{
        width: 288px !important;
		margin-right: -3px !important;
	}
	#navigate-row-Responsive{
    flex-direction: column;
	}
	#navigate-box-Responsive{
		height: 115vh !important;
	}
	#ticketLocationDiv{
		margin-left: 50px;
	}
	.findPath-button{
		width: 100% !important;
	}
	#desk-booking-Responsive{
		display: flex;
		flex-direction: column;
	}
	#locker-assignment-Responsive{
		display: flex;
		flex-direction: column;
	}
	.order-summary-font{
		font-size: 1vh !important;
	  }
}
@media only screen and (max-width: 990px) {
	.main-login-div1 {
		display: none;
	}

	.main-login-div2 {
		display: none;
	}

	.main-login-overlay {
		flex: 1;
		display: block;
		width: 100%;
	}
	#footer-copyright{
		margin-left: 0% !important;
	}

	.google-link-div{
		margin-top: 5vh;
	}

    .emailVerification{
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 30vh !important;
	}
	
	.apple-link-div{
		margin-top: 5vh;
	}

	.google-link-img{
		width: 20vh;
	}

	.apple-link-img{
		width: 18vh;
	}
}
@media screen and (min-width: 991px) and (max-device-width: 1200px) and (-webkit-min-device-pixel-ratio: 1) {  
	#footer-copyright{
		margin-left: 0% !important;
	}
	.meeting-info-box-pax-avail{
		position: static !important;
	}
	.home-page-box1{
		min-height: 72vh !important;
	}
	.home-page-box2{
		min-height: 100vh !important;
	}
	#menu-dropdown-menu
	{
		height: 600px !important;
	}
	.main-footer{
		position: fixed !important;
		font-size: 0.5rem !important;
	}
	.mega-menu{
		height: 350px !important;
	}
	.main-login-box{
		min-height: 100%;
		height: 100%; 
	}

	.main-login-div1 {
		display: none;
	}

	.main-login-div2 {
		display: block;
	}

	.main-login-overlay {
		flex: 1;
		display: none;
		width: 100%;
	}

	#loginForm{
		margin-top:30vh;
	}
	
	/* #footer-copyright{
		margin-left: 0% !important;
	} */

	.google-link-div{
		margin-top: 5vh;
	}

    .emailVerification{
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 30vh !important;
	}
	
	.apple-link-div{
		margin-top: 5vh;
	}

	.google-link-img{
		width: 20vh;
	}

	.apple-link-img{
		width: 18vh;
	}
	#menu-dropdown-menu{
		min-width: 980px;
	}
	.home-weather i{
	    font-size: 1.5vh !important;
	}
	.campusChangeNav{
		width: fit-content;
	}
}
@media only screen and (max-width: 1400px) {
.create-Dashboard-buttons{
	position: static !important;
}
#mainContent{
	min-height: 100vh !important;
}
#menu-dropdown-menu{
		min-width: 90vw;
}
.facility-setting-locker-Responsive{
	width: 288px !important;
	margin-right: -115px;
}
.facility-setting-Responsive{
	margin-right: -155px;
	width: 330px;
}
.widget-title{
	font-size: small;
}
.widget-content{
	font-size: 40px;
}
.innerContainerText{
	font-size: 1rem !important;
}
/* #container-Responsive{
	height: 128vh;
} */
#content-wrapper-Responsive{
	overflow: auto;
	height: 128vh !important;
}
.navigation-Floor-Responsive{
	height: 115vh !important;
}
.navigation-select-Responsive{
	height: 119vh !important;

}
#destinationPOI::-webkit-scrollbar {
	height: 80vh;
}
#desk-booking-Responsive{
		display: flex;
		flex-direction: column;
}
/* #tab-holidays{
	display: flex;
	flex-direction: column;
} */
#slideBody-Resposive{
	width: 100% !important;
	position: unset !important;
}
.drawBox-Responsive{
	top: 0px !important;
}
#utility-Responsive-Table{
	width: 100%;
}
#visitorManagement-filter{
	width:200px;
	margin-right: -155px;
}
.order-summary-font{
  font-size: 2vh !important;
}
#sidepanBtn{
	position: static;
}
#Energy-Meter-Filter{
	margin-left:60px;
}
#revisionBackBtn{
	margin-left: 20px;
}
#hvac-tool-bar{
	display: flex;
}
}
/* Media Query For I Mac */
@media only screen and (min-width: 1536px) and (max-width: 2050px) {
	.navigation-Floor-Responsive {
		height: 130vh !important;
	}	
	.navigation-select-Responsive {
		height: 130vh !important;
	}
	#subservicetable{
		margin-left:0 !important;
	}
}
@font-face{
	font-family: 'weather';
	src: url(data:font/ttf;base64,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) format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {
  margin: 0;
  background: #555;
}

.home-weather-widget {
  	margin: 0 auto;
  	width: 360px;
  	overflow: hidden;
  	height: 45px;
  	font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: 100;
  	letter-spacing: 1px;
  	display: flex;
  	position: relative;
	  color: #333;
}

.home-weather {
  	position: absolute;
  	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
 	z-index: 10;
  	transition: margin 0.5s ease;
  	flex: 1;
}

.home-weather i {
	position: absolute;
	top:10px;
  	left: 270px;
	  font-size: 2.5vh;
}

.home-temp {
  	position: absolute;
  	left: 300px;
	font-size: 1.2rem;
	top: 5px;
  	font-weight: 300;
  	letter-spacing: 0px;
}

.home-temp span {
 	position: absolute;
	vertical-align: super;
  	font-size: 18px;
  	margin: -11px 0 0 2px;
  	font-weight: normal;
}

.home-city {
  	width: 260px;
	position: absolute;
	vertical-align: super;
	top:10px;
  	left: 0px;
	  right:50px;
  	text-align: right;
  	font-size: 0.8rem;
  	z-index: 10;
  	transition: margin 0.5s ease;
}

.home-degc {
	font-family:inherit;
	font-size: 0.8rem!important;
	top:10px;
	color: #333;
	vertical-align: super;
	text-align: left;
}
.home-degc:before {
	content: '\00B0 C';
}

.vis-login-box {
	height: 100vh; 
	display: flex; 
	flex-direction: row;
}

.vis-login-box > .div1 {
	flex:1; 
	height: 100%; 
	background: #EEF5F9;
}

.vis-login-box > .div2 {
	height: 100%; 
	flex: 1; 
	text-align: center; 
	background-color: rgb(255, 255, 255);
}

.vis-login-footer {
	color: #111; 
	position: fixed; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	display: flex; 
	opacity: 0.8; 
	font-weight: 500; 
	padding: 0.3rem !important; 
	padding-bottom: 0px!important; 
	font-size: 0.8rem; 
	margin-left: 50% !important;  
	background-color: whitesmoke;
}

.login-heading-1 {
	color: #888; 
	font-weight: 500; 
	letter-spacing: 10px; 
	font-size: 1.7142857142857142rem;
	margin-bottom: 20px;
}

.login-heading-2 {
	color: #888; 
	font-weight: 500; 
	letter-spacing: 10px; 
	font-size: 1.2857142857142858rem;
	margin-bottom: 20px;
}

.footerDiv1 {
	flex: 4;
}

.footerDiv2 {
	flex: 4;
	display: block;
}

.vis-footer-btn {
	padding-top: 12px!important;
}

@media screen 
  and (min-device-width: 200px) 
  and (max-device-width: 540px) 
  and (-webkit-min-device-pixel-ratio: 1) { 

	.footerDiv2 {
		flex: 0;
		display: none;
	}

	.footerDiv1 {
		flex: 1;
	}
		
	.vis-login-box {
		height: 100vh; 
		display: flex; 
		flex-direction: column;
	}

	.vis-login-box > .div1 {
		flex:1; 
		background: #EEF5F9;
	}

	.vis-login-box > .div2 {
		flex: 3; 
		text-align: center; 
		background-color: rgb(255, 255, 255);
	}

	.logoRow {
		position: relative; 
		margin: 0 auto; 
		margin-top: 2rem; 
		width:100%;
	}

	.logo-div {
		position:absolute; 
		width:100%;
	}

	.logo-img {
		margin: 0 auto; 
		height: 15vh; 
		display: block;
	}

	.logo-name {
		font-size: 18px; 
		font-weight: 500; 
		text-align: center; 
		margin-top: 10px; 
		color: #888;
	}

	.login-box-row {
		margin-right:5px; 
		margin-top: 5px; 
		width:unset;
	}

	.blueLogoDiv {
		width:40px; float: right;
		display: none;
	}

	.form-header-div {
		margin-top:3rem; 
		margin-bottom: 15px;
	}

	.login-error-div {
		margin-bottom: 10px;
	}

	.send-otp-btn {
		width: 100%;
	}

	.btn-row {
		margin-top: 10px;
	}

	.resend-btn {
		margin-top: 10px; 
		margin-bottom: 10px;
	}

	.error-link-div {
		margin-top: 6rem;
	}

	.vis-login-footer {
		color: #111; 
		position: fixed; 
		bottom: 0; 
		left: 0; 
		right: 0; 
		display: flex; 
		opacity: 0.8; 
		font-weight: 500; 
		padding: 0.3rem !important; 
		padding-bottom: 0px!important; 
		font-size: 0.4rem; 
		margin-left: 0 !important;  
		background-color: whitesmoke;
	}

	.login-heading-1 {
		color: #888; 
		font-weight: 500; 
		letter-spacing: 1px; 
		font-size: 1.3142857142857142rem;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	.login-heading-2 {
		color: #888; 
		font-weight: 500; 
		letter-spacing: 1px; 
		font-size: 0.8857142857142858rem;
		margin-bottom: 20px;
	}

	.login-form-row {
		margin: 0 10px;
	}

	.vis-footer-btn {
		font-size: 8px;
		padding: 1px;
		padding-top: 8px!important;
	}
	
}

@media screen 
  and (min-device-width: 540px) 
  and (max-device-width: 720px) 
  and (-webkit-min-device-pixel-ratio: 1) { 

	.footerDiv2 {
		flex: 0;
		display: none;
	}

	.footerDiv1 {
		flex: 1;
	}
		
	.vis-login-box {
		height: 100vh; 
		display: flex; 
		flex-direction: column;
	}

	.vis-login-box > .div1 {
		flex:1; 
		background: #EEF5F9;
	}

	.vis-login-box > .div2 {
		flex: 3; 
		text-align: center; 
		background-color: rgb(255, 255, 255);
	}

	.logoRow {
		position: relative; 
		margin: 0 auto; 
		margin-top: 2rem; 
		width:100%;
	}

	.logo-div {
		position:absolute; 
		width:100%;
	}

	.logo-img {
		margin: 0 auto; 
		height: 15vh; 
		display: block;
	}

	.logo-name {
		font-size: 18px; 
		font-weight: 500; 
		text-align: center; 
		margin-top: 10px; 
		color: #888;
	}

	.login-box-row {
		margin-right:5px; 
		margin-top: 5px; 
		width:unset;
	}

	.blueLogoDiv {
		width:40px; float: right;
		display: none;
	}

	.form-header-div {
		margin-top:3rem; 
		margin-bottom: 15px;
	}

	.login-error-div {
		margin-bottom: 10px;
	}

	.send-otp-btn {
		width: 100%;
	}

	.btn-row {
		margin-top: 10px;
	}

	.resend-btn {
		margin-top: 10px; 
		margin-bottom: 10px;
	}

	.error-link-div {
		margin-top: 6rem;
	}

	.vis-login-footer {
		color: #111; 
		position: fixed; 
		bottom: 0; 
		left: 0; 
		right: 0; 
		display: flex; 
		opacity: 0.8; 
		font-weight: 500; 
		padding: 0.3rem !important; 
		padding-bottom: 0px!important; 
		font-size: 0.4rem; 
		margin-left: 0 !important;  
		background-color: whitesmoke;
	}

	.login-heading-1 {
		color: #888; 
		font-weight: 500; 
		letter-spacing: 1px; 
		font-size: 1.3142857142857142rem;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	.login-heading-2 {
		color: #888; 
		font-weight: 500; 
		letter-spacing: 1px; 
		font-size: 0.8857142857142858rem;
		margin-bottom: 20px;
	}

	.login-form-row {
		margin: 0 100px;
	}

	.vis-footer-btn {
		font-size: 8px;
		padding: 1px;
		padding-top: 8px!important;
	}
	
}

@media screen 
  and (min-device-width: 720px) 
  and (max-device-width: 900px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
	.footerDiv2 {
		flex: 4;
		display: block;
	}

	.footerDiv1 {
		flex: 4;
	}
		
	.vis-login-box {
		height: 100vh; 
		display: flex; 
		flex-direction: column;
	}

	.vis-login-box > .div1 {
		flex:1; 
		background: #EEF5F9;
	}

	.vis-login-box > .div2 {
		flex: 3; 
		text-align: center; 
		background-color: rgb(255, 255, 255);
	}

	.logoRow {
		position: relative; 
		margin: 0 auto; 
		margin-top: 2rem; 
		width:100%;
	}

	.logo-div {
		position:absolute; 
		width:100%;
	}

	.logo-img {
		margin: 0 auto; 
		height: 15vh; 
		display: block;
	}

	.logo-name {
		font-size: 18px; 
		font-weight: 500; 
		text-align: center; 
		margin-top: 10px; 
		color: #888;
	}

	.login-box-row {
		margin-right:5px; 
		margin-top: 5px; 
		width:unset;
	}

	.blueLogoDiv {
		width:40px; float: right;
		display: none;
	}

	.form-header-div {
		margin-top:3rem; 
		margin-bottom: 15px;
	}

	.login-error-div {
		margin-bottom: 10px;
	}

	.send-otp-btn {
		width: 50%;
	}

	.btn-row {
		margin-top: 10px;
	}

	.resend-btn {
		margin-top: 10px; 
		margin-bottom: 10px;
	}

	.error-link-div {
		margin-top: 6rem;
	}

	.vis-login-footer {
		color: #111; 
		position: fixed; 
		bottom: 0; 
		left: 0; 
		right: 0; 
		display: flex; 
		opacity: 0.8; 
		font-weight: 500; 
		padding: 0.3rem !important; 
		padding-bottom: 0px!important; 
		font-size: 0.4rem; 
		margin-left: 0 !important;  
		background-color: whitesmoke;
	}

	.login-heading-1 {
		color: #888; 
		font-weight: 500; 
		letter-spacing: 1px; 
		font-size: 1.3142857142857142rem;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	.login-heading-2 {
		color: #888; 
		font-weight: 500; 
		letter-spacing: 1px; 
		font-size: 0.8857142857142858rem;
		margin-bottom: 20px;
	}

	.login-form-row {
		margin: 0 100px;
	}

	.vis-footer-btn {
		font-size: 8px;
		padding: 1px;
		padding-top: 12px!important;
	}
	
}


@media screen 
  and (min-device-width: 901px) 
  and (max-device-width: 1200px) 
  and (-webkit-min-device-pixel-ratio: 1) { 

	.footerDiv2 {
		flex: 4;
		display: block;
	}

	.footerDiv1 {
		flex: 4;
	}
		
	.vis-login-box {
		height: 100vh; 
		display: flex; 
		flex-direction: column;
	}

	.vis-login-box > .div1 {
		flex:1; 
		background: #EEF5F9;
	}

	.vis-login-box > .div2 {
		flex: 3; 
		text-align: center; 
		background-color: rgb(255, 255, 255);
	}

	.logoRow {
		position: relative; 
		margin: 0 auto; 
		margin-top: 2rem; 
		width:100%;
	}

	.logo-div {
		position:absolute; 
		width:100%;
	}

	.logo-img {
		margin: 0 auto; 
		height: 15vh; 
		display: block;
	}

	.logo-name {
		font-size: 18px; 
		font-weight: 500; 
		text-align: center; 
		margin-top: 10px; 
		color: #888;
	}

	.login-box-row {
		margin-right:5px; 
		margin-top: 5px; 
		width:unset;
	}

	.blueLogoDiv {
		width:40px; float: right;
		display: none;
	}

	.form-header-div {
		margin-top:3rem; 
		margin-bottom: 15px;
	}

	.login-error-div {
		margin-bottom: 10px;
	}

	.send-otp-btn {
		width: 49%;
	}

	.btn-row {
		margin-top: 10px;
	}

	.resend-btn {
		margin-top: 10px; 
		margin-bottom: 10px;
	}

	.error-link-div {
		margin-top: 6rem;
	}

	.vis-login-footer {
		color: #111; 
		position: fixed; 
		bottom: 0; 
		left: 0; 
		right: 0; 
		display: flex; 
		opacity: 0.8; 
		font-weight: 500; 
		padding: 0.3rem !important; 
		padding-bottom: 0px!important; 
		font-size: 0.4rem; 
		margin-left: 0 !important;  
		background-color: whitesmoke;
	}

	.login-heading-1 {
		color: #888; 
		font-weight: 500; 
		letter-spacing: 1px; 
		font-size: 1.3142857142857142rem;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	.login-heading-2 {
		color: #888; 
		font-weight: 500; 
		letter-spacing: 1px; 
		font-size: 0.8857142857142858rem;
		margin-bottom: 20px;
	}

	.login-form-row {
		margin: 0 100px;
	}

	.vis-footer-btn {
		font-size: 8px;
		padding: 1px;
		padding-top: 12px!important;
	}
	
}

.vis-footer {
	color: #fff; 
	position: fixed; 
	bottom: 0; 
	opacity: 0.8; 
	font-weight: 500; 
	display: flex; 
	flex-direction: row-reverse; 
	width: 100%;  
	padding: 0.3rem !important; 
	padding-bottom: 0px!important; 
	font-size: 0.8rem; 
	margin-left: 0px !important; 
	background-color: #43484d!important;
}

.vis-blue-logo {
	width:80px; margin: 0 auto;
}

.vis-heading1 {
	color: #888; 
	font-weight: 500; 
	font-size: 1.7142857142857142rem;
	margin-bottom: 20px;
}

.vis-heading2 {
	color: #888; 
	font-weight: 500; 
	font-size: 1.2857142857142858rem;
	margin-bottom: 20px;
}

@media screen 
  and (min-device-width: 200px) 
  and (max-device-width: 1200px) 
  and (-webkit-min-device-pixel-ratio: 1) { 

	.vis-footer {
		color: #fff; 
		position: fixed; 
		bottom: 0; 
		opacity: 0.8; 
		font-weight: 500; 
		display: flex; 
		flex-direction: row-reverse; 
		width: 100%;  
		padding: 0.3rem !important; 
		padding-bottom: 0px!important; 
		font-size: 0.4rem; 
		margin-left: 0px !important; 
		background-color: #43484d!important;
	}

	.vis-footer-btn {
		font-size: 8px;
		padding: 1px;
		padding-top: 12px;
	}

	.vis-blue-logo {
		width:40px; 
		margin: 5px auto;
	}

	.vis-heading1 {
		color: #888; 
		font-weight: 500; 
		font-size: 1.5142857142857142rem;
		margin-bottom: 20px;
	}
	
	.vis-heading2 {
		color: #888; 
		font-weight: 500; 
		font-size: 1.0857142857142858rem;
		margin-bottom: 20px;
	}
	
  }

  .kv-error-close {
	  background-color: transparent;
	  border: none;
	  font-size: 20px;
	  font-weight: 600;
	  color: #a94442;
  }

.cancelSelectedBtn {
	background-color: #ffc7cb!important; 
	border-color: #ffc7cb!important;
	color: #a22840!important;
}

.cancelSelectedBtn:hover, .cancelSelectedBtn:active, .cancelSelectedBtn:focus {
	background-color: #E03656 !important;
    border-color: #E03656 !important;
    color: #ffffff !important;
}

#lightCanvasDiv {
	float: left;
	clear: left;
	margin: 15px 0;
	position:absolute;
	top:270px;
	z-index: 1000!important;
  }
  
  
  #lightCanvasDiv .ui-slider-handle {
	border-color:linear-gradient(270deg, #FFFFFF 0%, #62c4ff 33%, #fffc00 66%, #f56b1e 99%, #ffffff 100%);
  }

  #lightCanvasIntensity .slider-selection {
	background: #00c0ef;
}

.light-slider-wrap {
	position: relative;
}

.light-slider-main{
	position: absolute;
}

.light-item {
	display: inline-block;
	position: relative;
	width: 108px;
	height: 80px;
	min-height: 80px;
}

.light-sel-item {
	display: inline-block;
	position: relative;
	width: 108px;
	height: 80px;
	min-height: 80px;
}


.carLeft {
	top: 15px;
	margin: 0rem 0.1rem;
	align-items: center;
	border: none;
	border-radius: 50%;
	position: relative;
	padding: 2.5px 10px 2.5px 7px;
}

.carRight {
	top: 15px;
	margin: 0rem 0.1rem;
	align-items: center;
	border: none;
	border-radius: 50%;
	position: relative;
	padding: 2.5px 7px 2.5px 10px;
}

/* .lightOptionChangeDiv {
	overflow: hidden;
} */

.lightOptionChangeBtn {
	margin: 0.5rem 0.2rem;
}

.lightOptionChangeBtn .chekin-icon{
	padding: 5px;
	color:	#888;
	font-weight: 400;
  }
  .lightOptionChangeBtn > input{
	display:none
  }
  .lightOptionChangeBtn > .chekin-icon{
	cursor:pointer;
	border:3px solid #888;
	position: absolute;
	text-align: center;
    width: 100%;
	margin: 1px;
	border-radius:10px;
	min-height: 60px;
	max-height: 80px;
	vertical-align: middle;
  }
  .lightOptionChangeBtn > input:checked + .chekin-icon{
	border-color:#5B42F3;
	/* background-color: #6E59ED; */
	background-image: linear-gradient(90deg,#AF40FF, #5B42F3 50%,#00DDEB);
	color: white;
	border-radius:10px;
	opacity: 0.8;
  }

  .lightOptionChangeBtn > :not(input:checked) + .chekin-icon:hover{
	cursor:pointer;
	border:3px solid #5B42F3;
	font-weight: 400;
	/* background-color: #6E59ED; */
	background-image: linear-gradient(90deg,#AF40FF, #5B42F3 50%,#00DDEB);
	color:#fff;
	border-radius:10px;
	opacity: 0.8;
  }

  .lightOptionChangeBtn > .scene-tick-icon {
	position: absolute;
		bottom: 16px;
		right: 4px;
		width: 16px;
		height: 16px;
		background-color: #0c6dfd;
		color: white;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 12px;
		transition: opacity 0.2s ease;
  }
 
  .lightZoneListDisplay {
	width: 99%; 
	background-color: #F5F5F5; 
	padding: 5px; 
	border-radius: .25em; 
	margin: 0.5em 0.1em;
	color: #000;
	font-size: 1.1em;
    font-weight: 500;
	box-shadow: 0 0 5px rgb(0 0 0 / 5%);
	height: 50px;
    align-items: center;
    word-break: break-all;
  }

  .lightZoneListDisplay:hover {
	background-color: #3B63FF; 
	color: #fff;
  }

  .lightZoneListDisplaySelected {
	width: 99%; 
	background-color: #3B63FF; 
	padding: 5px; 
	border-radius: .25em; 
	margin: 0.5em 0.1em;
	color: #fff;
	font-size: 1.1em;
    font-weight: 500;
	box-shadow: 0 0 5px rgb(0 0 0 / 5%);
	height: 50px;
    align-items: center;
    word-break: break-all;
  }

  .lightzoneInput > input {
	  font-size: medium!important;
  }

  .lightzoneInput > input:checked{
	background-color: #ffc107!important;
	border-color: #ffc107!important;
  }

.repeatDaysBtn {
	display: inline;
    border: 1px solid #ccc;
    box-shadow: 0.1px 1px 1px #888888;
    border-radius: 50%;
    padding: 1em 0.5em;
    margin: 0.5em;
    margin-bottom: 0;
    min-width: 2rem;
    text-align: center;
    flex: 1;
	font-weight: 500;
	opacity: 1;
}

.repeatDaysBtn:hover {
	background: #5B42F3;
	color: #fff;	
	opacity: 0.8;
}

.repeatDaysBtnSelected {
	display: inline;
    border: 1px solid #ccc;
    box-shadow: 0.1px 1px 1px #888888;
    border-radius: 50%;
    padding: 1em 0.5em;
    margin: 0.5em;
    margin-bottom: 0;
    min-width: 2rem;
    text-align: center;
    flex: 1;
	font-weight: 500;
	background-image: linear-gradient(90deg,#AF40FF, #5B42F3 50%,#00DDEB);
	color:#fff;
	opacity: 0.8;
  }

  #calendarBox .fc-prev-button {
	  padding: 0.2em 0.3em!important;
	  display: inline!important;
	  margin-top: -10px!important;
  }
  #calendarBox .fc-next-button {
	padding: 0.2em 0.3em!important;
	display: inline!important;
	margin-top: -10px!important;
}

#calendarBox .fc-toolbar-title {
	display: inline!important;
}

/* #calendarBox .fc-daygrid-event-harness {
	background-color: #adadad!important;
} */

.fc-day-past {
    background-color: #e7e7e7!important;
}


.ui-group-buttons .or{position:relative;float:left;width:.3em;height:1.3em;z-index:3;font-size:14px; margin-top: 2vh;}
.ui-group-buttons .or:before{position:absolute;top:50%;left:50%;content:'OR';background-color:#5a5a5a;margin-top:-.1em;margin-left:-.9em;width:1.8em;height:1.8em;line-height:1.55;color:#fff;font-style:normal;font-weight:400;text-align:center;border-radius:500px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.1);box-shadow:0 0 0 1px rgba(0,0,0,0.1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.ui-group-buttons .or:after{position:absolute;top:0;left:0;content:' ';width:.3em;height:2.84em;background-color:rgba(0,0,0,0);border-top:.6em solid #5a5a5a;border-bottom:.6em solid #5a5a5a}
.ui-group-buttons .or.or-lg{height:1.3em;font-size:16px}
.ui-group-buttons .or.or-lg:after{height:2.85em}
.ui-group-buttons .or.or-sm{height:1em}
.ui-group-buttons .or.or-sm:after{height:2.5em}
.ui-group-buttons .or.or-xs{height:.25em}
.ui-group-buttons .or.or-xs:after{height:1.84em;z-index:-1000}
.ui-group-buttons{display:inline-block;vertical-align:middle}
.ui-group-buttons:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.ui-group-buttons .btn{float:left;border-radius:0}
.ui-group-buttons .btn:first-child{margin-left:0; margin-top: 2vh;border-top-left-radius:.25em;border-bottom-left-radius:.25em;padding-right:15px}
.ui-group-buttons .btn:last-child{border-top-right-radius:.25em; margin-top: 2vh;border-bottom-right-radius:.25em;padding-left:15px}

/* 
.customTagContainer {
    margin: 50px auto;
    width: 30%;
} */
/* Custom Tag Css Start */
.customTagContainer h3 {
    text-align: center;
    color: #ced4da;
    margin-bottom: 10px;
    text-decoration: underline;
}

.customTagContainer .customTagcontent {
    border: 1px solid #ced4da;
    padding: 10px;
    min-height: 160px;
    border-radius: 20px;
    cursor: text;
}

.customTagContainer .customTagcontent.focus {
    border: 1px solid #45AEF1;
    box-shadow: 2px 2px 2px #ced4da;
}

.customTagContainer .customTagcontent .tags-and-input {
    display: flex;
    flex-wrap: wrap;

}

.customTagContainer .customTagcontent .tags-and-input .tag {
    margin-left: 5px;
    margin-bottom: 5px;
    background-color: #45AEF1;
    color: #fff;
    text-align: center;
    padding: 10px 5px 10px 10px;
    border: 1px solid #ced4da;
    border-radius: 10px;
    position: relative;
    user-select: text;
    overflow: hidden;
}

.customTagContainer .customTagcontent .tags-and-input .tag::selection {
    background-color: #ced4da;
}

.customTagContainer .customTagcontent .tags-and-input .tag i {
    cursor: pointer;
    margin-left: 10px
}

.customTagContainer .customTagcontent .tags-and-input .tag i:hover {
    color: #ced4da;
}

.customTagContainer .customTagcontent .tags-and-input .customTagInput {
    margin-left: 8px;
    font-size: 18px;
    color: #ced4da;
    font-weight: bold;
    height: 40px;
    width: 20%;
    flex-grow: 1;
    border: none;
    outline: none;
}

.customTagContainer .customTagcontent .tags-and-input .assignedCustomTagInput {
    margin-left: 8px;
    font-size: 18px;
    color: #ced4da;
    font-weight: bold;
    height: 40px;
    width: 20%;
    flex-grow: 1;
    border: none;
    outline: none;
}

.customTagContainer .errors {
    padding: 8px 10px 10px 10px;
}

.customTagContainer .errors .error {
    color: #df2935;
    font-size: 14px;
    font-weight: bold;
    display: none;
}

.customTagContainer .details {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    font-weight: bold;
}

.customTagContainer .details .char-length.max,
.customTagContainer .details .tags-length.max {
    color: #df2935;
    animation: alert 1s ease-in-out infinite;
}

@keyframes alert {
    0%   {opacity: 1;}
    50%  {opacity: .5;}
    100% {opacity: 1;}
}

.customTagContainer .details .char-length span,
.customTagContainer .details .tags-length span {
    color: #45AEF1;
}

.customTagContainer button {
	width: 15vh;
    float: right;
    border: 1px solid #ced4da;
    color: #fff;
    padding: 9px;
    border-radius: 10px;
    user-select: none;
    outline: none;
    font-size: 13px;
    font-weight: bold;
    margin: 5px;
    cursor: pointer;
}

.customTagContainer button:hover {
    background-color: #fafafa;
    color: #6366F1;

}

.customTagContainer .results {
    width: 100%;
    margin-top: 10px;
}

.customTagContainer .results .results-errors {
    background-color: #ffa5ab;
    color: #69140e;
    padding: 10px;
    width: 80%;
    margin: auto;
    display: none;
}

.customTagContainer .results .array {
    position: relative;
    background-color: #ced4da;
    padding: 10px;
    color: #df2935;
    font-weight: bold;
    font-size: 18px;
    display: none;
}

.customTagContainer .results .array .result {
    padding: 5px;
    margin-top: 5px;
}

.customTagContainer .results .array .result .index {
    color: #6366F1;
    margin-right: 20px;
}

.customTagContainer .results .array .result .text {
    color: #0c1618;
}

.customTagContainer .results .array i {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #df2935;
    color: #fff;
    padding: 10px;
    cursor: pointer;
}

.customTagContainer .btn-primary.disabled, .btn-primary:disabled {
background-color: #c4c4c4;
border-color: #c4c4c4;
}

/* Custom tag css ends */
.allImagesText {
	color: #0d6efd;font-size: 10px;font-weight: 600;margin-top: 1px;
}
.allImagesText:hover {
	text-decoration-line: underline;  
}

/* ---------------------------------------Room Images Css Start----------------------- */
#room-images-album {
	box-sizing: border-box;
  }
  
  #room-images-album .row > .column {
	padding: 8px 8px;
  }
  
  #room-images-album .row:after {
	content: "";
	display: table;
	clear: both;
  }
  
  #room-images-album .column {
	float: left;
	width: 25%;
	height: 25vh;
  }

  #room-images-album .column img{ height: 100%; border-radius: 8px; cursor: pointer;}
  
  /* The Modal (background) */
  #roomImagesModal.modal {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	backdrop-filter: blur(5px);
  }
  
  /* Modal Content */
  #roomImagesModal .modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	width: 40%;
	max-width: 1200px;
	height: 60%;
  }
  
  /* The Close Button */
  #roomImagesModal .close {
	color: white;
	position: fixed;
	top: 10px;
	right: 25px;
	font-size: 35px;
	font-weight: bold;
  }
  
  #roomImagesModal .close:hover,
  #roomImagesModal .close:focus {
	color: #999;
	text-decoration: none;
	cursor: pointer;
  }
  
  #roomImagesModal .mySlides {
	display: none;
  }
  
  #roomImagesModal .cursor {
	cursor: pointer;
  }
  
  /* Next & previous buttons */
  #roomImagesModal .prev,
  #roomImagesModal .next {
	cursor: pointer;
	position: absolute;
	top: 58%;
	width: auto;
	padding: 10px;
	margin-top: -50px;
	color: black;
	font-weight: bold;
	font-size: 45px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	-webkit-user-select: none;
	text-decoration: none;
  }
  #roomImagesModal .prev{
	left: -8%;
  }
  
  /* Position the "next button" to the right */
  #roomImagesModal .next {
	right: -8%;
	border-radius: 3px 0 0 3px;
  }
  
  /* On hover, add a black background color with a little bit see-through */
  #roomImagesModal .prev:hover,
  #roomImagesModal .next:hover {
	color: white;
	background-color: rgba(0, 0, 0, 0.8);
  }
  
  /* Number text (1/3 etc) */
  #roomImagesModal .numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 11px;
  }
  
  #roomImagesModal img {
	margin-bottom: -4px;
	max-height: 400px;
  }
  
  #roomImagesModal .caption-container {
	text-align: center;
	background-color: black;
	padding: 2px 16px;
	color: white;
  }
  
  #roomImagesModal .demo {
	opacity: 0.6;
  }
  
  #roomImagesModal .active,
  #roomImagesModal .demo:hover {
	opacity: 1;
  }

  #roomImagesModal.modal button.close {
    z-index: 1000;
}
  
   img.hover-shadow {
	transition: 0.3s;
  }
  
   .hover-shadow:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

/* -----------------------------Room Images Css Ends----------------------------------- */
.recurringDailyBtn{
    background-color: #45AEF1 !important;
    border-color: #45AEF1 !important;
    color: #ffffff !important;
}
.recurringBtn{
    background-color: #45AEF1 !important;
    border-color: #45AEF1 !important;
    color: #ffffff !important;
}

.btn-rec{
	height: 5vh;
    width: 5vh;
    border-radius: 3vh;
}

.recurringBtn:hover{
    background-color: #eff7ff !important;
    border-color: #eff7ff !important;
    color: #45AEF1 !important;
}

.btn-deselect{
	background-color: #ccc !important;
    color: #000 !important;
    border-color: #ccc !important;
}

.dt-paging.paging_full_numbers {
    float: right;
    text-align: right;
	margin-top: 0.3rem;
}

.dt-info + .dt-paging.paging_full_numbers {
    float: right;
    text-align: right;
	margin-top: -1rem;
}

.dt-paging.paging_full_numbers .dt-paging-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: .2em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    color: #67757c;
    border: 1px solid transparent;
    border-radius: 2px;
	font-size: 12px;
}

.dt-paging.paging_full_numbers .dt-paging-button.current, .dt-paging .paging_full_numbers .dt-paging-button.current:hover {
    color: #fff;
    border: 1px solid #1e88e5;
    background-color: #1e88e5;
}

.dt-paging.paging_full_numbers .dt-paging-button.disabled, .dt-paging .paging_full_numbers .dt-paging-button.disabled:active, .dt-paging .paging_full_numbers .dt-paging-button.disabled:hover {
    cursor: not-allowed;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: .2em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none;
    color: #67757c;
    border: 1px solid transparent;
    border-radius: 2px;
}
.dt-paging.paging_full_numbers .dt-paging-button:hover {
    color: #fff;
    border: 1px solid #7460ee;
    background-color: #7460ee;
}
.dt-paging.paging_full_numbers .dt-paging-button:active {
    outline: 0;
    background-color: #67757c;
}
.dt-paging.paging_full_numbers .ellipsis {
    padding: 0 1em;
}

.tab-height {
	margin-top: 0.5rem;
}

#childTable_wrapper {
	background: white !important;
	padding:  0px 0px 20px 0px !important;
}

table.dataTable th.dt-type-numeric {
	text-align: start;
}

.dt-search {
	display: inline;
	float: right;
}
#childTable_info{
	border-top: 1px solid black;
}

.parking-stat-card {
	/* width: 12rem;
	height: 7rem; */
	flex-shrink: 0;
	margin-right: 0.5rem;
}

.parking-scroll-button {
	position: absolute;
	top: 35%;
	border-radius: 50%;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	z-index: 10;

}

#parkingScrollLeft {
	left: -0.9rem;
}
#parkingScrollRight {
	right: -0.65rem;
}
#parkingCardToggleAutoRotate {
	position: absolute;
	right:-1.75rem;
	top: 50%;
	border-radius: 50%;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	z-index: 10;
}