*:not(i){
  font-family: 'Kiwi Maru', serif !important;
}
.table tfoot th, .table thead th {
	font-size: 1rem;
	font-weight: bold;
}
[type="search"]{
	outline-offset: inherit;
}
.menu-w ul.main-menu > li.has-sub-menu > a:before,
.menu-mobile ul.main-menu > li.has-sub-menu > a:before{
	display: none;
}
.element-wrapper .element-header:after {
	width: 100px;
}
.auth-box-w .logo-w{
	padding: 10% 10% 2% 10%;
}
.form-group-sub{
	position: relative;
}
.color-primary{
	color: var(--primary);
}
.login-logo{
	color: var(--primary);
	margin-top: 40px;
	font-weight: bold;
}
.admin-status .fa-check{
	color: limegreen;
}
.admin-status .fa-times{
	color: red;
}
.top-bar .logged-user-w .logged-user-menu ul li a{
	min-width: 180px;
}
.controls-below-table {
	border-top: 1px solid #aaa;
    padding-top: 15px;
    margin-top: 15px;
}
.controls-below-table .table-records-pages ul li a.current{
	font-weight: bold;
}
.menu-minimize{
	position: absolute;
    left: 0;
    padding: 10px 20px 15px 20px;
    font-size: 1.4rem;
    color: #fff;
    cursor: pointer;
}
.profile-img{
	width: 140px;
    position: absolute;
    left: calc(50% - 70px);
    top: 15%;
}
.profile-img img{
	width: 100%;
}
.el-tablo .value{
	font-size: 1.5rem;
}
.user-profile .el-tablo .label{
	font-size: 0.8rem;
}
.menu-w.sub-menu-style-over ul.main-menu > li.selected{
	border-right-color: #1b55e2;
    border-bottom-color: #1b55e2;
}
.menu-w.sub-menu-style-over.sub-menu-color-bright ul.main-menu > li.selected > a{
	background-color: #1b55e2;
}
.fw-bold, b{
	font-weight: bold;
}
#error_message{
	background-color: #fff;
	color: red;
}
.seat{
	display: flex;
	justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    font-weight: bold;
    position: absolute;
    text-align: center;
}
.booked-seat{
	background: #5bc0de !important;
	-webkit-box-shadow: 0 2px 20px 0 rgb(91 192 222 / 75%);
    box-shadow: 0 2px 20px 0 rgb(91 192 222 / 75%);
    color: #fff;
}
.has-name{
	color: #fff;
	font-size: 13px;
}
.has-name.green{
	background: #24b314 !important;
	-webkit-box-shadow: 0 2px 20px 0 rgb(36 179 20 / 75%);
    box-shadow: 0 2px 20px 0 rgb(36 179 20 / 75%);
}
.has-name.blue{
	background: #5bc0de !important;
	-webkit-box-shadow: 0 2px 20px 0 rgb(91 192 222 / 75%);
    box-shadow: 0 2px 20px 0 rgb(91 192 222 / 75%);
}
.has-name.yellow{
	background: #ffa500 !important;
	-webkit-box-shadow: 0 2px 20px 0 rgb(255 165 0 / 75%);
    box-shadow: 0 2px 20px 0 rgb(255 165 0 / 75%);
}
.has-name.red{
	background: #c21a1a !important;
	-webkit-box-shadow: 0 2px 20px 0 rgb(194 26 26 / 75%);
    box-shadow: 0 2px 20px 0 rgb(194 26 26 / 75%);
}
.has-name.grey{
	background: #bbbbbb !important;
	-webkit-box-shadow: 0 2px 20px 0 rgb(187 187 187 / 75%);
    box-shadow: 0 2px 20px 0 rgb(187 187 187 / 75%);
}
.object{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
}
.floor-edit-panel .seat, .floor-edit-panel .object{
	cursor: move;
}
.floor-view-panel .seat {
	cursor: pointer;
}
.floor-view-panel, .floor-edit-panel{
	padding: 25px;
	overflow: auto;
}
.seat{
	z-index: 3;
}
.object{
	z-index: 1;
}
.object.textbox{
	z-index: 2;
}
.table tfoot th, .table thead th{
	text-transform: inherit;
}
.logged-user-i .logged-user-avatar-info{
	display: flex;
	color: white;
}

.logged-user-i .logged-user-avatar-info .logged-user-info-w{
	margin-left: 15px;
}
.logged-user-i .logged-user-avatar-info .logged-user-role{
	color: rgba(255, 255, 255, 0.6);
}
.content-i{
	min-height: 800px;
}
.layout{
	transform-origin: left top;
	margin: 0 auto;
	outline: 1px solid #aaa;
	position: relative;
}

.fold .os-icon{
    position: absolute;
    right: 0px;
    top: -27px;
    cursor: pointer;
    font-weight: bold;
}
.fold .os-icon:hover{
	color: var(--primary);
}
.fold {
	position: relative;
}
.fold legend{
	width: 90%;
	margin-bottom: 0.5rem;
	cursor: pointer;
}
fieldset{
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.th-fw-normal th{
	font-weight: inherit !important;
}
.badge{
	font-size: 0.9rem;
}
a.btn-danger{
	color: #fff !important;
}
.item-link-icon{
	color: var(--primary);
	padding: 0 10px;
}
.badge-warning{
	border: 1px solid #91782d;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 32px;
}
.select2-container .select2-selection--single{
	min-height: 35px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 32px;
}
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-width: 2px;
    border-color: #047bf8;
}

.seat-select .select2-container--default .select2-selection--multiple .select2-selection__choice{
    color: #292b2c;
    background-color: #fbe4a0;
    border: 1px solid #91782d;
}
.mandatory{
	color: red;
}
.onboarding-modal .onboarding-content.with-gradient{
	padding: 50px 50px 0;
}
.onboarding-modal .onboarding-content .onboarding-text{
	margin-bottom: 10px;
}
.onboarding-modal .onboarding-content h4{
	margin-bottom: 0;
}
.select-mark{
	background: #fff;
    position: relative;
    width: 15px;
    height: 15px;
    border: 2px solid #aaa;
    border-radius: 50%;
    display: none;
    z-index: 100;
}
.rotate-panel{
	display: flex;
}
.rotate-panel .rotate-right i{
	transform: scaleX(-1)
}
.rotate-panel .input-group{
	width: fit-content;
}
.rotate-panel .rotate-left, .rotate-panel .rotate-right{
	margin-left: 5px !important;
}
.floated-chat-w {
	z-index: 1000;
}
#select_seat_floor_view {
	border: 1px solid #eee;
	padding: 0 50px;
}
.status-btn-group{
	display: grid;
}
.status-btn-group .btn{
	width: fit-content;
	margin: 0 auto;
}
.status-btn-group .os-icon{
	font-size: 18px;
}
.badge-grey {
  color: black;
  background-color: #eee;
  border: 1px solid #aaa;
}
.badge-grey[href]:hover, .badge-grey[href]:focus {
  color: black;
  text-decoration: none;
  background-color: #0062cc;
}
.status-pill.blue {
  background-color: #5bc0de;
}
.status-pill.grey {
  background-color: #bbb;
}
.timed-activities.compact .timed-activity .ta-record{
	display: flex;
	padding-bottom: 0;
}
.timed-activity .ta-record{
	margin-bottom: 5px;
}
.timed-activities.compact .timed-activity .ta-activity{
	margin-bottom: 0;
	padding-bottom: 5px;
	border-bottom: none;
}
.timed-activity .ta-activity a{
	border-bottom: none;
	padding-bottom: 0;
}
.floated-chat-w .floated-chat-i .chat-close{
	padding: 20px;
	top: 0;
	right: 0;
}
.badge-warning{
	background-color: #f8bc34;
	border: 1px solid #f8bc34;
}
.select2-search__field:focus{
	border: none;
}
.logged-user-w .avatar-w{
	overflow: visible;
}
.avatar-status{
	position: relative;
	border-radius: 0 !important;
}
.avatar-status:before{
	content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 2px;
    right: 2px;
    border-radius: 10px;
}
.user-avatar-w .avatar-status:before{
	-webkit-box-shadow: 0px 0px 0px 3px #fff;
	box-shadow: 0px 0px 0px 3px #fff;
}

.avatar-status.blue:before{
	background-color: #5bc0de;
}
.avatar-status.yellow:before{
	background-color: #f8bc34;
}
.avatar-status.green:before{
	background-color: #24b314;
}
.avatar-status.red:before{
	background-color: #c21a1a;
}
.avatar-status.grey:before{
	background-color: #bbb;
}
.floated-chat-w .chat-head .user-w .user-avatar-w .user-avatar{
	overflow: visible;
}
.seat-info{
	position: absolute;
    left: 50px;
    padding: 10px 20px 15px 20px;
    font-size: 1.4rem;
    color: #fff;
    cursor: pointer;
}
.floated-chat-btn{
	z-index: 1040;
}
body .daterangepicker{
	min-width: inherit;
	padding: 0 0 0.5rem 0;
}
.floor-header-panel{
	padding-bottom: 0 !important; 
	display: flex;
}
.floor-header-panel .floor-text{
	margin-right: 2rem;
}
.floor-header-panel .floor-text h5{
	margin-top: 5px;
	min-width: 120px;
}
.floor-header-panel .floor-select {
	padding-bottom: 5px;
}
.floor-header-panel .floor-select select{
	min-width: 200px;
}
.users-list-w .user-w{
    border-radius: 6px;
    margin-top: 0.5rem;
    padding: 0.5rem;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 4px rgb(126 142 177 / 12%);
    box-shadow: 0px 2px 4px rgb(126 142 177 / 12%);
    text-decoration: none;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.users-list-w .user-w .user-role{
	font-size: 0.8rem;
}
.no-floor-image{
	text-align: center;
    padding: 15% 0;
    font-size: 1rem;
    font-weight: bold;
}
span.last-update{
	vertical-align: baseline;
    color: grey;
    font-weight: normal;
    font-size: 0.8rem;
}
.btn-search{
	border-radius: 20px;
	line-height: 1.5;
	background: #f0f0f0;
}
.search-form{
	 display: flex; 
	 justify-content: flex-end;
}
#search_text{
	margin-right: 0.5rem !important;
}
.floor-view-div{
	width: calc(100% - 340px);
	padding: 0 10px;
}
.employee-list-div{
	width: 340px;
	padding: 0 10px;
}
.textbox{
	text-align: center;
	padding: 0 20px;
}
#floor_layout_image {
	position: absolute;
	top: 0;
	left: 0;
}
.department-select{
	width: 200px;
}
.bg-1{
	background: lightyellow;
}