body {
    color: #111111;
    background-color: #ffffff;
}
label {
    font-weight: bold;
}
a:not([href]):not([tabindex]) {
    color: auto !important;
    text-decoration: none;
}
a:hover, a:focus, a.btn-link:hover, a.btn-link:focus {
    text-decoration: none !important;
}
button[type="button"] {
	cursor: pointer;
}
.text-bold {
	font-weight: bold;
}
.inline {
	display: inline-block;
}
.full-width {
	width: 100%;
}

/* Margin & Padding */
.no-margin {
	margin: 0px !important;
}
.no-margin-x {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.no-margin-y {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.no-margin-top {
	margin-top: 0px !important;
}
.no-margin-bottom {
	margin-bottom: 0px !important;
}
.no-margin-left {
	margin-left: 0px !important;
}
.no-margin-right {
	margin-right: 0px !important;
}
.no-padding {
	padding: 0px !important;
}
.no-padding-x {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.no-padding-y {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.no-padding-top {
	padding-top: 0px !important;
}
.no-padding-bottom {
	padding-bottom: 0px !important;
}
.no-padding-left {
	padding-left: 0px !important;
}
.no-padding-right {
	padding-right: 0px !important;
}

/* Borders */
.col-border-right {
	border-right: 1px solid #cccccc;
}
.col-border-left {
	border-left: 1px solid #cccccc;
}
.row-border-top {
	border-top: 1px solid #cccccc;
}
.row-border-bottom {
	border-bottom: 1px solid #cccccc;
}

/* */
.no-records {
	font-size: 18px !important;
    color: #999999;
    text-align: center;
    width: 100%;
    padding: 15px;
}

/* Table */
.table tr th:first-child,
.table tr td:first-child,
.table thead tr th:first-child,
.table tbody tr td:first-child,
.table tfoot tr td:first-child {
	padding-left: 15px;
}
.table thead tr th:last-child,
.table tbody tr td:last-child,
.table tfoot tr td:last-child {
	padding-right: 15px;
}
.table thead.thead-default th {
	border: 1px solid #c3d2d0;
    border-bottom: 1px solid #c3d2d0;
    color: #222222;
    background-color: #c3d2d0;
}
.table-sm th,
.table-sm td {
    font-size: 12px;
}
.table.table-sm thead tr th:last-child,
.table.table-sm tbody tr td:last-child,
.table.table-sm tfoot tr td:last-child {
	padding-right: 0.3rem;
}

.table-responsive {
	margin-bottom: 1rem;
}
.table-responsive .table {
	margin-bottom: 0;
}

.table-bordered.table-dark th,
.table-bordered.table-dark td {
	border: 1px solid #666666;
}
.table.table-dark thead.thead-default th {
	background-color: #586069;
	border: 1px solid #444444;
    border-bottom: 1px solid #444444;
	color:#ffffff;
}
.tr-v-middle td {
	vertical-align: middle;
}

/* Background Colors */
.bg-lightnaviblue {
	background-color: #ccd6f5 !important;
}

/* buttons */
.btn-sm-view {
    /* background-color: blue; */
    color: white;
    border: none;
    padding: 2px 10px; 
    float: right; 
    order: 1; 
    font-size: 13px;
    background-color: #3f51b5; 
    border-radius: 3px; 
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

/* Preloader */
.preloader {
	position: fixed;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.9);
    text-align: center;
	z-index: 9999;
	color: #ffffff;
}
.preloader-inner {
	position: absolute;
	top: 50%;
	bottom: 0;
	margin-top: -22px;
	height: 100%;
	width: 100%;
}
.preloader span {
    text-align: center;
    font-weight: bold;
}
.cssload-container{
	display: block;
	margin:0 auto 0 auto;
	width:97px;
}
.cssload-loading i{
	width: 19px;
	height: 19px;
	display: inline-block;
	border-radius: 50%;
}
.cssload-loading i:nth-child(1) {
	background: rgba(1,103,176,1);
}
.cssload-loading i:nth-child(2) {
	background: rgba(244,130,64,1);
}
.cssload-loading i:nth-child(3) {
	background: rgba(95,95,167,1);
}
.cssload-loading i:nth-child(4) {
	background: rgba(120,134,38,1);
}
.cssload-loading i:first-child{
	opacity: 0;
	animation:cssload-loading-ani2 0.58s linear infinite;
		-o-animation:cssload-loading-ani2 0.58s linear infinite;
		-ms-animation:cssload-loading-ani2 0.58s linear infinite;
		-webkit-animation:cssload-loading-ani2 0.58s linear infinite;
		-moz-animation:cssload-loading-ani2 0.58s linear infinite;
	transform:translate(-19px);
		-o-transform:translate(-19px);
		-ms-transform:translate(-19px);
		-webkit-transform:translate(-19px);
		-moz-transform:translate(-19px);
}
.cssload-loading i:nth-child(2),
.cssload-loading i:nth-child(3){
	animation:cssload-loading-ani3 0.58s linear infinite;
		-o-animation:cssload-loading-ani3 0.58s linear infinite;
		-ms-animation:cssload-loading-ani3 0.58s linear infinite;
		-webkit-animation:cssload-loading-ani3 0.58s linear infinite;
		-moz-animation:cssload-loading-ani3 0.58s linear infinite;
}
.cssload-loading i:last-child{
	animation:cssload-loading-ani1 0.58s linear infinite;
		-o-animation:cssload-loading-ani1 0.58s linear infinite;
		-ms-animation:cssload-loading-ani1 0.58s linear infinite;
		-webkit-animation:cssload-loading-ani1 0.58s linear infinite;
		-moz-animation:cssload-loading-ani1 0.58s linear infinite;
}
@keyframes cssload-loading-ani1{
	100%{
		transform:translate(39px);
		opacity: 0;
	}
}
@-o-keyframes cssload-loading-ani1{
	100%{
		-o-transform:translate(39px);
		opacity: 0;
	}
}
@-ms-keyframes cssload-loading-ani1{
	100%{
		-ms-transform:translate(39px);
		opacity: 0;
	}
}
@-webkit-keyframes cssload-loading-ani1{
	100%{
		-webkit-transform:translate(39px);
		opacity: 0;
	}
}
@-moz-keyframes cssload-loading-ani1{
	100%{
		-moz-transform:translate(39px);
		opacity: 0;
	}
}
@keyframes cssload-loading-ani2{
	100%{
		transform:translate(19px);
		opacity: 1;
	}
}
@-o-keyframes cssload-loading-ani2{
	100%{
		-o-transform:translate(19px);
		opacity: 1;
	}
}
@-ms-keyframes cssload-loading-ani2{
	100%{
		-ms-transform:translate(19px);
		opacity: 1;
	}
}
@-webkit-keyframes cssload-loading-ani2{
	100%{
		-webkit-transform:translate(19px);
		opacity: 1;
	}
}
@-moz-keyframes cssload-loading-ani2{
	100%{
		-moz-transform:translate(19px);
		opacity: 1;
	}
}
@keyframes cssload-loading-ani3{
	100%{
		transform:translate(19px);
	}
}
@-o-keyframes cssload-loading-ani3{
	100%{
		-o-transform:translate(19px);
	}
}
@-ms-keyframes cssload-loading-ani3{
	100%{
		-ms-transform:translate(19px);
	}
}
@-webkit-keyframes cssload-loading-ani3{
	100%{
		-webkit-transform:translate(19px);
	}
}
@-moz-keyframes cssload-loading-ani3{
	100%{
		-moz-transform:translate(19px);
	}
}

.loading-table {
	opacity: 0.5;
    pointer-events: none;
}

.page-wrapper {
	height: 100%;
    padding: 74px 0 35px 0;
}
.page-wrapper .mat-sidenav-container {
	height: 100%;
	background-color: #ffffff;
}
.page-wrapper .mat-sidenav-container .mat-sidenav {
	border-left: 1px solid #cccccc;
	padding: 0px 5px 10px 5px;
}
.page-wrapper .mat-sidenav-container .side-nav-wrap h5.sec-title {
	font-size: 12px;
    font-weight: bold;
    margin: 10px 0 5px 0;
}
.page-wrapper .mat-sidenav-container .side-nav-wrap .btn-wrap {
	margin-bottom: 3px;
}
.page-wrapper .mat-sidenav-container .side-nav-wrap .btn-wrap .btn-primary {
    position: relative;
}
.page-wrapper .mat-sidenav-container .side-nav-wrap .btn-wrap .btn-primary span.acc-count {
    background: #d76e19;
    padding: 1px 4px;
    overflow: hidden;
    position: absolute;
    width: 16px;
    height: 16px;
    top: -3px;
    border-radius: 50%;
    font-size: 10px;
    right: -3px;
}

/* Page */
.panel{
 height: 100%;   
}

.panel-body {
	padding: 15px;
	background-color: #ffffff;
}
.panel-body .page-title h1 {
	font-size: 24px;
    margin: 0 0 20px 0;
}
.activeGridRow {
	background: #bee2ff;
}
.activeGridColumn {
	background: #2196F3;
    color: #ffffff;
}


/* Bootstrap Overide */
.btn {
    border-radius: 2px;
}
.form-group {
	position: relative;
}
.badge {
	font-weight: inherit;
}

/* */
.cl-form-group {
	position: relative;
    border: 1px solid #cccccc;
    padding: 15px 0px 0 5px;
	margin-top: 0px;
	box-sizing: border-box;
}
.cl-form-group.cl_form_wrap > .form-group{
	margin-bottom: 0px;
}

/* .form-group {
    padding-bottom: 5px;
} */

.cl-form-group > label {
	position: absolute;
    top: -13px;
    left: -1px;
    background-color: #999999;
    font-size: 10px;
    color: #ffffff;
    padding: 3px 5px;
    margin: 0;
}
.cl_colum_wrap .mat-chip-list-wrapper {
	text-align: center;
	display: flex;
    flex-direction: column;
	flex-flow: wrap;
	padding: 0px 10px;
}
.cl_form_block .mat-chip-list-wrapper {
	text-align: center;
	display: block;
}
.win-void-box .mat-chip-list-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin: -4px;
    position: absolute;
    /* right: -20px; */
    /* bottom: -10px; */

    bottom: 20px;
    right: 10px;
}
mat-chip.mat-chip-sm.status-bg {
    display: block;
    width: 100%;
    text-align: center;
    white-space: nowrap;
}
/* Left Navigation */
.left-nav-toggle {
    position: absolute;
    top: 47px;
    left: 4px;
    padding: 1px 8px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    background: transparent;
    z-index: 9998;
	cursor: pointer;
}
.left-nav-toggle:hover, .left-nav-toggle:focus {
    color: rgba(255, 255, 255, 1);
	outline: none;
	box-shadow: 0 0 0 0px rgba(1, 103, 176, 0.25);
}
.left-nav.mat-sidenav {
	position: fixed;
    top: 74px;
    bottom: 35px;
	padding: 0 !important;
    background-color: #0f1215;
    border: none !important;
	width: 80px;
	min-width: auto;
	overflow-x: hidden;
	transform: none !important;
}
.left-nav.mat-sidenav::-webkit-scrollbar {
    display: none;
}
.left-nav.mat-sidenav .mat-nav-list {
	padding-top: 0;
}
.left-nav.mat-sidenav .mat-nav-list .mat-list-item {
	height: 80px;
    display: flex;
    width: 80px;
    align-items: center;
    border-bottom: 1px solid #000000;
}
.left-nav.mat-sidenav .mat-nav-list .mat-list-item.mat-list-item-focus,
.left-nav.mat-sidenav .mat-nav-list .mat-list-item:hover {
    background: rgba(0,0,0,.2);
}
.left-nav.mat-sidenav .mat-nav-list .mat-list-item.disabled {
	background-color: #576c84;
}
.left-nav.mat-sidenav .mat-nav-list .mat-list-item .mat-list-item-content {
	display: block;
    text-align: center;
    padding: 0;
    height: auto;
}
.left-nav.mat-sidenav .mat-nav-list .mat-list-item .mat-list-icon {
	color: #ffffff;
    display: inline-block;
    margin: 0 auto;
    width: auto;
    height: auto;
    font-size: 32px;
    padding: 0;
}
.left-nav.mat-sidenav .svg-icon {
	fill: #ffffff;
    width: 35px;
    height: 35px;
    padding: 5px;
}
.left-nav.mat-sidenav .mat-expansion-panel-header .svg-icon {
	width: 25px;
    height: 25px;
}
.left-nav.mat-sidenav .mat-nav-list .mat-list-item .mat-list-text {
	padding: 0 !important;
    width: 80px;
    margin: -8px 0 0 0;
}
.left-nav.mat-sidenav .mat-nav-list .mat-list-item .mat-list-text h4 {
	font-size: 11px;
    line-height: 12px;
    color: #ffffff;
    overflow: hidden;
    display: block;
    padding: 2px 5px;
    margin: 0;
    text-align: center;
	max-height: 27px;
    box-sizing: border-box;
    white-space: pre-wrap;
}

/*********************/
.left-nav.mat-sidenav .mat-expansion-panel {
	background: transparent;
	box-shadow: 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(0,0,0,0);
	border-bottom: 1px solid #000000;
}
.left-nav.mat-sidenav .mat-expansion-panel.mat-expansion-panel-spacing {
	margin: 0;
}
.left-nav.mat-sidenav .mat-expansion-panel.mat-expanded .mat-expansion-panel-header {
	background-color: rgb(60, 78, 98);
}
.left-nav.mat-sidenav .mat-expansion-panel .mat-expansion-panel-header {
	height: 80px !important;
	min-height: 80px !important;
    padding: 0;
    width: 80px;
}
.left-nav.mat-sidenav .mat-expansion-panel .mat-expansion-panel-header .mat-content {
	display: block;
	text-align: center;
}
.left-nav.mat-sidenav .mat-expansion-panel .mat-expansion-panel-header .mat-content .mat-list-icon {
	color: #ffffff;
    display: inline-block;
    margin: 0 auto;
    width: auto;
    height: auto;
    font-size: 32px;
}
.left-nav.mat-sidenav .mat-expansion-panel .mat-expansion-panel-header .mat-content h4 {
	font-size: 11px;
	line-height: 12px;
    color: #ffffff;
    overflow: hidden;
    display: block;
    padding: 2px 5px;
    margin: -8px 0 0 0;
    text-align: center;
	max-height: 27px;
    box-sizing: border-box;
}
.left-nav.mat-sidenav .mat-expansion-indicator {
	display: none;
}
.left-nav.mat-sidenav .mat-expansion-indicator::after {
    color: rgba(255, 255, 255, 0.54);
	border: none !important;
	transform: rotate(0) !important;
	font-family: 'FontAwesome';
	content: '\f0d7';
}
.left-nav.mat-sidenav.left-nav-active .mat-expansion-panel-content {
	position: fixed;
	top: 74px;
    bottom: 35px;
    left: 80px;
	background-color: #d3dde6;
    overflow-y: scroll;
}
.left-nav.mat-sidenav.left-nav-inactive .mat-expansion-panel-content {
	display: none;
}
.left-nav.mat-sidenav .mat-expansion-panel-body {
	padding: 0;
}
.left-nav.mat-sidenav .mat-expansion-panel-body .mat-list-item {
	height: 36px;
}
.left-nav.mat-sidenav .mat-expansion-panel-body .mat-list-item .mat-list-item-content {
	padding: 0 4px 0 8px;
	display: flex;
    height: 40px;
	cursor: pointer;
	align-items: center;
	border-bottom: 1px solid #a7b4c1;
}
.left-nav.mat-sidenav .mat-expansion-panel-body .mat-list-item .mat-list-item-content:hover,
.left-nav.mat-sidenav .mat-expansion-panel-body .mat-list-item .mat-list-item-content:focus {
	background: rgba(255,255,255,.35);
}
.left-nav.mat-sidenav .mat-expansion-panel-body .mat-list-item.disabled .mat-list-item-content {
	background-color: #576c84;
    color: #ffffff;
}
.left-nav.mat-sidenav .mat-expansion-panel-body .mat-list-item.mat-list-item-focus {
	outline: none;
}
.left-nav.mat-sidenav .mat-expansion-panel-body .mat-list-item .mat-list-item-content .mat-list-icon {
	font-size: 20px;
    width: 20px;
    height: 20px;
}
.left-nav.mat-sidenav .mat-expansion-panel-body .mat-list-item .mat-list-item-content .mat-list-text {
	display: flex;
    margin: 0 0 0 3px;
}
.left-nav.mat-sidenav .mat-expansion-panel-body .mat-list-item .mat-list-item-content .mat-list-text h4 {
	font-size: 12px;
    font-weight: bold;
    margin: 0;
    max-width: 110px;
	width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.router-body {
	margin-left: 0;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.router-body.left-nav-active.left-nav-expanded.left-nav-group {
	margin-left: 160px;
}

/* Breadcrumb */
.cl-breadcrumb {
    margin-bottom: 0rem;
    border-radius: 0rem;
    font-size: 0.8rem;
    padding: 0;
    background-color: transparent;
    margin-left: 40px;
    height: 29px;
}
.cl-breadcrumb .breadcrumb-item {
	position: relative;
    height: 29px;
    padding: 3px 10px;
}
.cl-breadcrumb .breadcrumb-item:nth-child(1) {
	background-color: #05756b;
}
.cl-breadcrumb .breadcrumb-item:nth-child(2) {
	background-color: #07867a;
}
.cl-breadcrumb .breadcrumb-item:nth-child(3) {
	background-color: #079689;
}
.cl-breadcrumb .breadcrumb-item:nth-child(4) {
	background-color: #0aa99b;
}
.cl-breadcrumb .breadcrumb-item + .breadcrumb-item {
	padding-left: 16px;
}
.cl-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
	content:"";
	padding: 0 !important;
}
.cl-breadcrumb .breadcrumb-item:before {
	content: "";
    position: absolute;
    top: 0;
    right: -8px;
    border-left: 8px solid #09b8a7;
    border-top: 14px solid transparent;
    border-bottom: 15px solid transparent;
    z-index: 3;
}
.cl-breadcrumb .breadcrumb-item:after {
	content: "";
    position: absolute;
    top: 0;
    right: -7px;
    border-left: 8px solid #09b8a7;
    border-top: 14px solid transparent;
    border-bottom: 15px solid transparent;
    z-index: 3;
}
.cl-breadcrumb .breadcrumb-item:nth-child(1):after {
	border-left: 8px solid #05756b;
}
.cl-breadcrumb .breadcrumb-item:nth-child(2):after {
	border-left: 8px solid #07867a;
}
.cl-breadcrumb .breadcrumb-item:nth-child(3):after {
	border-left: 8px solid #079689;
}
.cl-breadcrumb .breadcrumb-item:nth-child(4):after {
	border-left: 8px solid #0aa99b;
}
.cl-breadcrumb .breadcrumb-item .icon-home {
	font-size:20px;
}
.cl-breadcrumb .breadcrumb-item a {
	line-height: 20px;
}

/* Tree List */
.tree-node {
    margin-bottom: 0; 
    white-space: inherit; 
    width: 50%
}
.tree-scroll {
	overflow-y: auto;
	margin-bottom: 15px;
}
.tree-list-wrap {
	padding: 15px 0 0 0;
}
.tree-list {
	padding: 15px 0 30px 0;
}
.tree-list .list-group {
	margin: 0;
	padding: 0;
    list-style: none;
    display: flex; 
    gap: 10px;
}
.tree-list .list-group .list-group {
	margin-left: 30px;
}
.tree-list .list-group label {
	font-size: 13px;
	font-weight: 500;
}
.tree-list .list-group li {
	position: relative;
	padding-left: 28px;
}
.tree-list .list-group li .btn-default {
	position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    padding: 5px;
    font-size: 14px;
    line-height: 8px;
    font-weight: bold;
	background-color: #3c4e62;
    color: #fff;
	cursor: pointer;
}
/*.tree-list .list-group li .btn-default.button- {
	background-color: #00BCD4;
}*/
.tree-list .list-group .operations {
	padding-left: 0;
    padding-bottom: 15px;
}
.tree-list .list-group .operations b i {
	margin-left: 1px;
    font-size: 13px;
}
.tree-list .list-group .operations > .list-group {
	margin-left: 0;
}
.tree-list .list-group .operations > .list-group > li {
	padding-left: 0;
}
.tree-list .list-group b.feature-groups {
	margin-bottom: 5px;
}
.tree-list .list-group b.feature-groups i {
	margin-left: 2px;
}
.tree-list .list-group b.feature-groups span {
	margin-left: 7px;
}

.text-content-checklist {
    width: 40%;
}

@media(max-width:1024px) {
    .text-content-checklist {
        width: 50%;
    }
}

@media(max-width:768px) {
    .text-content-checklist {
        width: 80%;
    }
}
.tree-list-wrap .mat-checkbox-checked.mat-accent .mat-checkbox-background,
.tree-list-wrap .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
	background-color: rgba(9,184,168,1);
}
.tree-list-wrap .mat-checkbox-checked.mat-accent .mat-checkbox-ripple .mat-ripple-element {
	background-color: rgba(9,184,168,0.26);
}

.tree-list-wrap .mat-checkbox-checked.mat-accent[ng-reflect-name="Add"] .mat-checkbox-background,
.tree-list-wrap .mat-checkbox-indeterminate.mat-accent[ng-reflect-name="Add"] .mat-checkbox-background {
	background-color: rgba(51,122,183,1);
}
.tree-list-wrap .mat-checkbox-checked.mat-accent[ng-reflect-name="Add"] .mat-checkbox-ripple .mat-ripple-element {
	background-color: rgba(51,122,183,0.26);
}

.tree-list-wrap .mat-checkbox-checked.mat-accent[ng-reflect-name="Edit"] .mat-checkbox-background,
.tree-list-wrap .mat-checkbox-indeterminate.mat-accent[ng-reflect-name="Edit"] .mat-checkbox-background {
	background-color: rgba(240,173,78,1);
}
.tree-list-wrap .mat-checkbox-checked.mat-accent[ng-reflect-name="Edit"] .mat-checkbox-ripple .mat-ripple-element {
	background-color: rgba(240,173,78,0.26);
}

.tree-list-wrap .mat-checkbox-checked.mat-accent[ng-reflect-name="Delete"] .mat-checkbox-background,
.tree-list-wrap .mat-checkbox-indeterminate.mat-accent[ng-reflect-name="Delete"] .mat-checkbox-background {
	background-color: rgba(217,83,79,1);
}
.tree-list-wrap .mat-checkbox-checked.mat-accent[ng-reflect-name="Delete"] .mat-checkbox-ripple .mat-ripple-element {
	background-color: rgba(217,83,79,0.26);
}

.tree-list-wrap .mat-checkbox-checked.mat-accent[ng-reflect-name="View"] .mat-checkbox-background,
.tree-list-wrap .mat-checkbox-indeterminate.mat-accent[ng-reflect-name="View"] .mat-checkbox-background {
	background-color: rgba(92,184,92,1);
}
.tree-list-wrap .mat-checkbox-checked.mat-accent[ng-reflect-name="View"] .mat-checkbox-ripple .mat-ripple-element {
	background-color: rgba(92,184,92,0.26);
}


/* Mat Overide */
fieldset {
    width: 100%;
}
.mat-form-field {
    width: 100%;
}
.mat-form-field-infix {
	padding: 0 !important;
}
.mat-input-placeholder {
	color: #555555;
    font-size: 13px !important;
	line-height: 15px !important;
}
.mat-focused .mat-input-placeholder.mat-float, .mat-input-placeholder.mat-float:not(.mat-empty) {
    -webkit-transform: translateY(-1.28125em) scale(.80) perspective(100px) translateZ(.001px);
    transform: translateY(-1.28125em) scale(.80) perspective(100px) translateZ(.001px);
    -ms-transform: translateY(-1.28125em) scale(.80);
}
.mat-form-field:not(.mat-form-field-should-float) .mat-form-field-placeholder {
	padding-top: 2px;
}
input.mat-input-element {
	vertical-align: unset;
}
.mat-input-element {
	font-size: 13px !important;
    line-height: 15px !important;
    color: #000000 !important;
    padding: 5px 0 !important;
	margin-top: 2px !important;
}
/* span.is-member {
    color: #333333;
	font-size: 12px;
    font-size: 12px;
    background: #e6e6e6;
    padding-top: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-right: 0px;
} */
span.is-member {
    color: #333333;
    font-size: 12px;
    font-size: 12px;
    background: #e6e6e6;
    padding-top: 5px;
    padding-left: 4px;
    padding-bottom: 6px;
    padding-right: 0px;
    position: absolute;
    top: -17px;
    z-index: 1;
}
span.is-member-bg-none {
    color: #333333;
    font-size: 12px;
    font-size: 12px;
    padding-top: 6px;
    padding-left: 4px;
    padding-bottom: 6px;
    padding-right: 0px;
    position: absolute;
    top: -17px;
    z-index: 1;
}
input.ismember-actiive {
    padding-left: 20px!important;
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-input-element.ismember-actiive {
  padding-left: 20px !important;
}

.mat-input-element[readonly] {
	background-color: #e6e6e6;
    color: #888888 !important;
    padding-left: 3px;
}
.mat-input-element[readonly] + .mat-input-placeholder-wrapper .mat-input-placeholder {
	padding-left: 3px !important;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-input-element[readonly] + .mat-input-placeholder-wrapper .mat-form-field-placeholder {
	padding-left: 0px !important;
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
	background-image: none;
    background-color: rgba(0,0,0,.42) !important;
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-input-element {
	background-color: #e6e6e6;
	color: #888888 !important;
	padding-left: 3px !important;
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-label {
	padding-left: 3px;
}

.mat-input-subscript-wrapper {
	margin-top: 2px;
}
.mat-datepicker-toggle {
	opacity: 0.5;
}
.mat-form-field-suffix {
	position: absolute !important;
    bottom: 21px;
    right: 0;
}
.cdk-overlay-container {
    z-index: 9998 !important;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .9;
}
.mat-dialog-container {
	position: relative !important;
	padding: 0 !important;
}
.mat-dialog-container .mat-dialog-header {
	position: relative;
    border-bottom: 5px solid #eeeeee;
    padding-bottom: 15px;
}
.mat-dialog-container .mat-dialog-header .mat-dialog-title {
	font-size: 28px;
    font-weight: 400;
    margin: 0;
}
.mat-dialog-toolbar {
	display: none;
}
.mat-dialog-container .mat-dialog-toolbar {
	display: block;
	position: absolute;
    left: 0;
    right: 0;
    height: 20px;
    top: -20px;
    text-align: right;
}
.mat-dialog-container .mat-dialog-toolbar button {
	position: fixed;
    width: 36px;
    height: 20px;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    padding: 0;
    text-shadow: none;
    outline: none;
    border: none;
    cursor: pointer;
}
.mat-dialog-container .mat-dialog-toolbar button:nth-child(1) {
	margin-left: -36px;
}
.mat-dialog-container .mat-dialog-toolbar button:nth-child(2) {
	margin-left: -72px;
}
.mat-dialog-container .mat-dialog-toolbar button:nth-child(3) {
	margin-left: -108px;
}
.mat-dialog-container .mat-dialog-toolbar button.mat-dialog-close {
    background-color: #F44336;
    color: #ffffff;
}
.mat-dialog-container .mat-dialog-toolbar button.mat-dialog-close:hover,
.mat-dialog-container .mat-dialog-toolbar button.mat-dialog-close:focus {
    background-color: #dd372a;
}
.mat-dialog-container .mat-dialog-body {
	padding: 15px 0;
}
.mat-dialog-container .mat-dialog-footer {
	padding: 15px 0 0 0;
	text-align: right;
}

.mat-dialog-container .mat-toolbar {
	 background-color: #dedede;
 }
.mat-dialog-container .panel.mdc-sticky-toolbar .mat-toolbar {
	position: absolute;
    top: 0;
	max-height: 46px;
	z-index: 1;
}
.panel-body .mat-dialog-container .mdc-scroll {
	position: absolute;
    top: 46px !important;
    bottom: 0;
	left: 0;
	right: 0;
    overflow: auto;
}
.mat-dialog-container .panel.mdc-sticky-toolbar .panel-body.mdc-scroll {
	position: absolute;
    top: 46px !important;
    bottom: 0;
	left: 0;
	right: 0;
    overflow: auto;
}
.mdc-footer {
	max-height: 52px;
	background: #dedede;
	padding: 8px 15px;
	position: relative;
}
.mat-dialog-container .panel.mdc-sticky-footer .mdc-footer {
	position: absolute;
    bottom: 0;
	/* max-height: 70px; */
	z-index: 1;
	/* max-height: 65px; */
	background: #dedede;
	width: 100%;
	/* padding: 0 16px;
    padding-top: 8px; */
}
.mat-dialog-container .panel.mdc-sticky-footer .panel-body.mdc-scroll {
	position: absolute;
    top: 0;
    bottom: 50px !important;
	left: 0;
	right: 0;
	overflow: auto;
	/* bottom: 60px !important; */
}
.mdc-header {
	padding: 15px;
}
.mat-dialog-container .panel.mdc-sticky-header .mdc-header {
	position: absolute;
    top: 0;
	max-height: 70px;
	width: 100%;
	border-bottom: 3px solid #cccccc;
	z-index: 1;
}
.mat-dialog-container .panel.mdc-sticky-header .panel-body.mdc-scroll {
	position: absolute;
    top: 70px !important;
    bottom: 0;
	left: 0;
	right: 0;
    overflow: auto;
}
.mat-dialog-container .panel.mdc-sticky-toolbar .table-responsive,
.mat-dialog-container .panel.mdc-sticky-footer .table-responsive {
	overflow-x: unset;
}
.mat-input-underline .mat-input-ripple {
	height: 1px !important;
}
.mat-radio-group:not(.row) .mat-radio-button + .mat-radio-button {
	margin-left: 10px;
}
.mat-select-trigger {
	margin-top: 3px;
}
.mat-select-value {
	font-size: 13px !important;
    line-height: 15px !important;
    color: #000000 !important;
    padding: 5px 0 !important;
}

.mat-paginator .mat-paginator-page-size {
	padding-bottom: 2px;
}
.mat-paginator .mat-paginator-page-size-select {
	margin-top: 0;
}
.mat-paginator .mat-paginator-page-size-select .mat-input-wrapper {
	padding: 0;
}
.mat-paginator .mat-paginator-page-size-select .mat-input-wrapper .mat-input-infix {
	margin: 0;
    border: 1px solid #cccccc;
    height: 33px;
    border-radius: 3px;
    padding: 0 5px;
}
.mat-paginator .mat-paginator-page-size-select .mat-input-wrapper .mat-input-underline {
	display: none;
}
.mat-paginator .mat-paginator-range-actions button {
	width: 33px;
    height: 33px;
    border-radius: 3px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    margin-left: 3px;
	/*background-color: #0167b0;
    border-color: #0167b0;*/
}
.mat-paginator .mat-paginator-range-actions button:hover {
    background-color: #eceeef;
}
.mat-paginator .mat-paginator-range-actions button .mat-paginator-decrement {
	margin-left: 10px !important;
}
.mat-paginator .mat-paginator-range-actions button .mat-paginator-increment {
	margin-left: 13px !important;
}
.mat-paginator .mat-paginator-range-actions button .mat-button-ripple,
.mat-paginator .mat-paginator-range-actions button .mat-button-focus-overlay {
	display: none !important;
}
.mat-paginator .mat-paginator-range-label {
	color: #0167b0;
    font-size: 14px;
    font-weight: bold;
}
.mat-chip-list:focus {
	outline: none;
}
/* Tax  Detail Box Style */
.tax-detail-box {
    background-color: #e5e5e5;
    border-radius: 10px;
    padding: 20px;
    position: relative;
}
.tax-detail-box .btn-close {
    float: right;
    position: absolute;
    right: 0px;
    top: 0px;
    background: #f44336;
    color: #fff;
    border-radius: 0 10px 0 0;
}
mat-radio-group.inline-radio-btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}


/* Mat New */
.mat-fab.mat-success,
.mat-mini-fab.mat-success,
.mat-raised-button.mat-success {
	background-color: #5cb85c;
	color: rgba(255,255,255,.87);
}
.mat-fab.mat-warning,
.mat-mini-fab.mat-warning,
.mat-raised-button.mat-warning {
	background-color: #d58512;
	color: rgba(255,255,255,.87);
}
.mat-fab.mat-green,
.mat-mini-fab.mat-green,
.mat-raised-button.mat-green {
	background-color: #389c67;
	color: rgba(255,255,255,.87);
}
.md-input-addon ~ .addon-icon {
	position: absolute;
    bottom: 20px;
    right: 0
}
.md-input-addon ~ .addon-icon .btn {
	font-size: 10px;
    padding: 3px 5px;
}
.mat-card{
    margin: 10px;
}
.mat-card-header-primary {
    background: #09b8a7;
    position: relative; /*edited by thilini */
}
.mat-card-header-primary * {
	color: #ffffff;
}
.mat-card-header-default {
	background: #f3f3f3;
}
.mat-card-header-default * {
	color: #333333;
}
.mat-raised-button {
	/* min-width: 68px!important; */
	min-width: 83px;
}
.slt-drop-bnt .cl-select button {
	width: 330px!important;
	font-size: 10px!important;
}
mat-checkbox {
	margin-right: 15px;
}
.mat-checkbox.mat-checkbox-white .mat-checkbox-frame {
	border-color: rgba(255, 255, 255, 0.54);
}
.mat-checkbox-checked.mat-accent.mat-checkbox-white .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent.mat-checkbox-white .mat-checkbox-background {
	background-color: #ffffff;
}
.mat-checkbox.mat-checkbox-white .mat-checkbox-checkmark {
    fill: #111111 !important;
}
.mat-checkbox.mat-checkbox-white .mat-checkbox-checkmark-path {
    stroke: #111111 !important;
}
.mat-checkbox.mat-checkbox-black .mat-checkbox-frame {
	border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checked.mat-accent.mat-checkbox-black .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent.mat-checkbox-black .mat-checkbox-background {
	background-color: #111111;
}
.mat-checkbox.mat-checkbox-black .mat-checkbox-checkmark {
    fill: #ffffff !important;
}
.mat-checkbox.mat-checkbox-black .mat-checkbox-checkmark-path {
    stroke: #ffffff !important;
}
.mat-checkbox.mat-checkbox-long-text .mat-checkbox-inner-container {
	margin-top: 1px;
}
.mat-checkbox.mat-checkbox-long-text .mat-checkbox-layout .mat-checkbox-label {
	white-space: pre-wrap;
    font-size: 13px;
    line-height: 1.3;
}
.mat-checkbox-layout{
    margin-bottom: 0px;
}

.mat-toolbar-row, .mat-toolbar-single-row {
	height: 46px !important;
    font-size: 16px;
}
.mat-toolbar-single-row .mat-toolbar-title {
	flex-grow: 1;
}
.mat-chip-sm.mat-chip:not(.mat-basic-chip) {
    padding: 0px 10px 0px 10px !important;
    margin-left: 0 !important;
    margin-right: 3px !important;
}
.cl-timepicker mat-placeholder {
	font-weight: bold;
}
ngb-timepicker ~ .mat-error {
	font-size: 75%;
}
ngb-timepicker .ngb-tp {
	margin-bottom: 4px;
}
ngb-timepicker .ngb-tp-hour,
ngb-timepicker .ngb-tp-minute {
	position: relative;
    padding: 15px 0;
}
ngb-timepicker .ngb-tp-hour .btn-link:nth-child(1),
ngb-timepicker .ngb-tp-minute .btn-link:nth-child(1) {
	position: absolute;
    top: -8px;
}
ngb-timepicker .ngb-tp-hour .btn-link:nth-child(3),
ngb-timepicker .ngb-tp-minute .btn-link:nth-child(3) {
	position: absolute;
    bottom: -8px;
}
ngb-timepicker .ngb-tp-hour .form-control,
ngb-timepicker .ngb-tp-minute .form-control {
	padding: 2px 5px;
    font-size: 13px;
    color: #000000;
}
input[type="file"] {
	margin-bottom: 5px;
}
input[type="file"] ~ .mat-error {
	font-size: 75%;
}


/* New Small (sm) Classes */
.mat-checkbox-sm .mat-checkbox-inner-container {
	height: 20px;
    width: 20px;
}
.mat-radio-button-sm .mat-radio-container {
    height: 14px;
    width: 14px;
}
.mat-radio-button-sm .mat-radio-outer-circle {
    height: 14px;
    width: 14px;
}
.mat-radio-button-sm .mat-radio-inner-circle {
    height: 14px;
    width: 14px;
}
.mat-card.mat-card-sm {
    padding: 16px;
}
.mat-chip-sm.mat-chip:not(.mat-basic-chip) {
    padding: 3px 10px 3px 10px;
}


.mat-card.mat-card-xs {
    padding: 8px;
}


/* Mat tab */
mat-tab-group .mat-tab-label {
	height: 35px;
	text-transform: uppercase;
    color: #000000;
    font-weight: bold;
}
mat-tab-group .mat-ink-bar {
    height: 3px;
}
.mat-tab-group.mat-primary .mat-tab-label:focus,
.mat-tab-group.mat-primary .mat-tab-label:hover,
.mat-tab-group.mat-primary .mat-tab-link:focus,
.mat-tab-group.mat-primary .mat-tab-link:hover {
	background-color:transparent;
	opacity: 1;
}
.mat-tab-group.mat-primary .mat-tab-label.mat-tab-label-active {
	color: #3f51b5;
}
mat-tab-group .mat-tab-body-content {
	overflow: hidden;
	padding: 15px 0;
}


/* Pagination */
tfoot .pagination {
	margin-top: 1rem;
	margin-bottom: 1rem;
	float: left;
}
tfoot .pagination + .pagination {
	margin-top: 1rem;
	margin-bottom: 1rem;
}


/* ContextMenu */
.ngx-contextmenu ul.dropdown-menu {
    padding: 5px;
    margin: 0;
    background-color: rgba(255, 255, 255, 1);
	-webkit-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.3);
}
.ngx-contextmenu ul.dropdown-menu:focus,
.ngx-contextmenu ul.dropdown-menu:active {
	outline: none;
}
.ngx-contextmenu ul.dropdown-menu > li > a {
	display: block;
	padding: 3px 10px 3px 20px;
	font-size: 12px;
	color: #000000;
}
.ngx-contextmenu ul.dropdown-menu > li > a:hover,
.ngx-contextmenu ul.dropdown-menu > li > a:focus {
	background-color: rgba(0, 0, 0, 0.8);
	color: #ffffff;
}
.ngx-contextmenu ul.dropdown-menu > li.disabled > a {
	cursor: not-allowed;
	pointer-events: none;
	color: #999999;
}

/* Full calender */
.fc-ltr .fc-timeline-event {
	display: flex;
	align-items: center;
    height: 22px;
    border-radius: 20px;
    margin: 1px -30px 0 30px !important;
    color: #ffffff !important;
    font-size: 11px;
    padding: 1px 8px !important;
}
.fc-ltr .fc-timeline-event .fc-bg {
	opacity: 1;
    background: transparent;
}
.fc-ltr .fc-timeline-event .fc-bg:before {
	content: "";
    position: absolute;
    border-right: 5px solid #ffffff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    top: 6px;
    left: 3px;
}
.fc-ltr .fc-timeline-event .fc-bg:after {
	content: "";
    position: absolute;
    border-left: 5px solid #ffffff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    top: 6px;
    right: 3px;
}


/* Billing */
.bl-box {
	margin-bottom: 15px;
}
.bl-box .mat-card-header-text {
	margin: 0
}
.bl-box .title {
	position: relative;
    display: flex;
    width: 100%;
    margin: 0;
    padding: 15px;
}
.bl-box .title .count {
	display: flex;
}
.bl-box .title .count span {
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    border-radius: 50%;
    color: #09b8a7;
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    padding: 2px 0;
}
.bl-box .title .heading {
	display: flex;
	flex-direction: column;
	padding: 0 15px;
	width: 100%;
}
.bl-box .title .heading h3 {
	margin: 0;
	font-size: 18px;
}
.bl-box .title .heading p {
	margin: 0;
}
.bl-box .bl-close {
	position: absolute;
    top: 20px;
    right: 20px;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.5);
}
.bl-box .bl-close2 {
	position: absolute;
    top: 20px;
    right: 40px;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.5);
    z-index: 10;
    padding: 2px;
}
.bl-box .mat-card-content {
	margin-bottom: 0;
}
.bl-box mat-tab-group .mat-tab-body-content {
	padding-bottom: 0;
}

app-ios-communications {
	width: 100%;
}

/* Checkin */
.pa-box .mat-card-header-default {
	min-height: 30px;
	position: relative;
	overflow: hidden;
	margin: -24px -24px 0 -24px !important;
    border-top: 1px solid #e8e8e8;
}
.pa-box .mat-card-header-default .mat-card-close {
	position: absolute;
    right: 5px;
    top: 2px;
    border: none;
    background: transparent;
    font-size: 22px;
    font-weight: bold;
    padding: 0;
    line-height: 24px;
}
.checkin .add-payment {
	text-align: right;
	margin-top: 8px;
}

/* ss-multiselect-dropdown */
/* ss-multiselect-dropdown {
	width: 100%;
    display: block;
}
ss-multiselect-dropdown
.dropdown.cl-select {
	width: 100%;
    display: block;
	padding-bottom: 16px;
}
.dropdown.cl-select .dropdown-toggle {
	position: relative;
    width: 100%;
    text-align: left;
    color: #333333;
    font-size: 13px;
    padding: 5px 15px 5px 0px;
    border: none;
    border-bottom: 1px solid #949494;
    border-top: .84375em solid transparent;
    overflow: hidden;
	height: 39px;
	background: transparent;
}
.dropdown.cl-select .dropdown-toggle:focus,
.dropdown.cl-select .dropdown-toggle:hover {
	box-shadow: none;
	background: transparent;
}
.dropdown.cl-select .dropdown-toggle:focus {
	border-bottom: 1px solid #3f51b5;
}
.dropdown.cl-select .dropdown-toggle .caret {
	position: absolute;
    width: 20px;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
}
.dropdown.cl-select .dropdown-toggle::after {
	position: absolute;
    right: 6px;
    margin-top: -2px;
    top: 50%;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #757575;
}
.dropdown.cl-select .dropdown-toggle:focus::after {
    border-top: 5px solid #3f51b5;
}
.dropdown.cl-select .dropdown-menu {
	padding: 0;
}
.dropdown.cl-select .dropdown-menu .dropdown-item.active,
.dropdown.cl-select .dropdown-menu .dropdown-item:active {
	background-color: transparent;
    outline: none;
}
.dropdown.cl-select .dropdown-menu .dropdown-item {
	font-size: 13px;
    font-weight: bold;
    color: #039486;
    padding: 5px 10px !important;
}
.dropdown.cl-select .dropdown-menu .dropdown-item.dropdown-header ~ .dropdown-item span[role="menuitem"] {
	padding-left: 0 !important;
}
.dropdown.cl-select .dropdown-menu .dropdown-item input[type="checkbox"] {
	display: none;
}
.dropdown.cl-select .dropdown-menu .dropdown-item input[type="checkbox"] ~ span {
	position: relative;
	padding-left: 20px;
}
.dropdown.cl-select .dropdown-menu .dropdown-item input[type="checkbox"] ~ span:before {
	content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border: 1px solid #039486;
    left: 0;
    top: 2px;
    border-radius: 50%;
}
.dropdown.cl-select .dropdown-menu .dropdown-item input[type="checkbox"]:checked ~ span:before {
	font-family: FontAwesome;
    content: "\F00C";
    border: 1px solid #039486;
    background-color: #039486;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    line-height: 13px;
}
.dropdown.cl-select .dropdown-menu .search-container {
	padding: 5px;
}
.dropdown.cl-select .dropdown-menu .search-container .input-group-prepend {
	padding: 2px 6px;
}
.dropdown.cl-select .dropdown-menu .search-container .input-group-prepend .input-group-text {
	color: #09b8a7;
    font-size: 16px;
}
.dropdown.cl-select .dropdown-menu .search-container input.form-control {
	border: 1px solid #09b8a7;
} */

/* Autocomplete */
p-autocomplete {
	display: block;
    width: 100%;
}
p-autocomplete .ui-autocomplete {
	width: 100%;
    padding-bottom: 16px;
}
p-autocomplete .ui-autocomplete .ui-autocomplete-input {
	width: 100%;
    color: #333333;
    font-size: 13px;
    padding: 5px 15px 5px 0px;
    border: none;
    border-bottom: 1px solid #949494;
    border-top: .84375em solid transparent;
    overflow: hidden;
    height: 40px;
	border-radius: 0;
}
p-autocomplete .ui-autocomplete .ui-autocomplete-input:focus {
	outline: none;
	box-shadow: none;
	border-bottom: 1px solid #3f51b5;
}
p-autocomplete .ui-autocomplete .ui-inputtext:enabled:hover {
	border-bottom-color: #949494;
    border-top-color: transparent;
}
p-autocomplete ~ mat-error {
	font-size: 75%;
    position: absolute;
    bottom: 1px;
}

p-autocomplete .ui-autocomplete.ui-autocomplete-multiple ul.ui-autocomplete-multiple-container {
	border: none;
    width: 100%;
    border-bottom: 1px solid #949494;
    border-top: 7px solid transparent;
    min-height: 40px;
    border-radius: 0;
    color: #333333;
    font-size: 13px;
    padding: 9px 15px 3px 0px;
}
p-autocomplete .ui-autocomplete.ui-autocomplete-multiple ul.ui-autocomplete-multiple-container .ui-autocomplete-input-token {
	margin: 0;
    padding: 0;
}
p-autocomplete .ui-autocomplete.ui-autocomplete-multiple ul.ui-autocomplete-multiple-container .ui-autocomplete-token + .ui-autocomplete-input-token input {
	width: 60px;
}
p-autocomplete .ui-autocomplete .ui-autocomplete-multiple-container:not(.ui-state-disabled):hover,
p-autocomplete .ui-autocomplete .ui-autocomplete-multiple-container:not(.ui-state-disabled).ui-state-focus {
    border-top-color: transparent;
	border-bottom: 1px solid #949494;
}
p-autocomplete .ui-autocomplete.ui-autocomplete-multiple ul.ui-autocomplete-multiple-container.ui-inputtext.ui-state-focus,
p-autocomplete .ui-autocomplete.ui-autocomplete-multiple ul.ui-autocomplete-multiple-container.ui-inputtext:focus {
    box-shadow: none;
}


/* Confirmation dialog */
.mat-dialog-container .confirmation {
}
.mat-dialog-container .confirmation .con-title {
	background-color: #1c242d;
    color: #a1a8b1;
    padding: 8px 15px;
    font-size: 18px;
}
.mat-dialog-container .confirmation .msg {
	margin: 20px 0 30px 0;
}


/* Sitemap */
.site-map {
	padding: 15px;
	color: #333333;
}
.site-map .smap-header {
	padding: 0;
	background: #efefef;
}
.site-map .smap-header h4 {
	font-size: 15px;
	font-weight: bold;
	padding: 6px 15px;
    margin: 0;
}
.site-map .smap-header .mod-icon {
	position: relative;
    z-index: 1;
    display: inline-block;
    text-align: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0);
    padding: 5px 0;
}
.site-map .smap-header .mod-icon svg {
    width: 15px;
    height: 15px;
    fill: #ffffff;
}
.site-map .smap-body {
	padding: 10px 0;
}
.site-map .smap-body h5 {
	font-size: 13px;
	font-weight: bold;
	padding: 5px 15px;
	margin: 0;
}
.site-map .smap-body h6 {
	font-size: 13px;
    font-weight: normal;
    padding: 5px 15px;
    margin: 0 0 0 15px;
}
.site-map .smap-body .smap-group {
	margin-bottom: 10px;
}
.site-map .smap-link {
	position: relative;
	opacity: 0.8;
	-webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.site-map .smap-link:hover {
	opacity: 1;
	padding-left: 20px;
}
.site-map .smap-block.disabled {
	border: 1px solid #898f96;
    background-color: #ececec;
}
.site-map .smap-block.disabled .smap-header {
	background-color: #898f96;
    color: #ffffff;
}
.site-map .smap-body .smap-group.disabled h5.smap-link {
	opacity: 1;
	color: #3f51b5;
}
.site-map .smap-body .smap-group.no-childs.disabled h5.smap-link {
	opacity: 1;
	color: #09b8a7;
}
.site-map .smap-body .smap-group h6.smap-link.disabled {
	opacity: 1;
	color: #09b8a7;
    font-weight: bold;
}

/* Dashboard */
.dashboard .dashboard-toolbar {
	text-align: right;
}
.dashboard .dashboard-toolbar .mat-toolbar-title + button {
	margin-left: 15px;
}
.dashboard .dashboard-toolbar clovatel-dashboard-tile .btn-group {
	margin-top: -3px;
}
.dashboard .dashboard-toolbar clovatel-dashboard-tile .btn-default {
	position: relative;
	background-color: #34adb9;
    color: #ffffff;
    height: 35px;
    padding: 7px 30px;
    font-size: 16px;
}
.dashboard .dashboard-toolbar clovatel-dashboard-tile .btn-default.disabled {
	opacity: 0.6;
}
.dashboard .dashboard-toolbar clovatel-dashboard-tile .btn-default:not(.disabled) {
	opacity: 1;
}
.dashboard .dashboard-toolbar clovatel-dashboard-tile .btn-default.disabled:after {
	content: "";
    position: absolute;
    border-top: 15px solid #34adb9;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    bottom: -15px;
    left: 50%;
    margin-left: -9px;
}
.dashboard .dashboard-toolbar .total-rooms {
	font-weight: bold;
}
.dashboard .sum {
	display: flex;
    width: 100%;
    border: 1px solid #cccccc;
    padding: 15px;
}
.dashboard .sum .sum-item {
	display: flex;
    align-items: center;
	position: relative;
    width: 33.33%;
}
.dashboard .sum .sum-item:not(:last-child):before {
	content: "";
	position: absolute;
	width: 1px;
	top: 0;
	bottom: 0;
	right: 15px;
	background-color: #cccccc;
}
.dashboard .sum .sum-item .s-count {
	width: 60px;
    height: 60px;
    border: 1px solid #666;
	color: #666;
    border-radius: 50%;
    text-align: center;
    font-size: 34px;
    padding: 3px 0;
    margin-right: 15px;
}
.dashboard .sum .sum-item.arrival:after,
.dashboard .sum .sum-item.departure:after,
.dashboard .sum .sum-item.inhouse:after {
	font-family: 'FontAwesome';
    position: absolute;
    right: 10%;
    font-size: 60px;
    color: #eaeaea;
}
.dashboard .sum .sum-item.arrival:after {
	content: "\F1D8";
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.dashboard .sum .sum-item.departure:after {
	content: "\F1D8";
}
.dashboard .sum .sum-item.inhouse:after {
    content: "\f02c";
}
.dashboard .sum .sum-item.arrival .s-count {
    border: 1px solid #1b75bb;
	color: #1b75bb;
}
.dashboard .sum .sum-item.departure .s-count {
    border: 1px solid #009345;
	color: #009345;
}
.dashboard .sum .sum-item.inhouse .s-count {
    border: 1px solid #ee4036;
	color: #ee4036;
}
.dashboard .sum .sum-item .s-desc .s-title {
	font-size: 20px;
    font-weight: bold;
    margin: 0;
}
.dashboard .sum .sum-item .s-desc .btn-default {
	margin-top: 3px;
    padding: 2px 5px;
    background-color: #666666;
    color: #ffffff;
}
.dashboard .res {
	margin-top: 15px;
    border: 1px solid #cccccc;
}
.dashboard .res .res-title {
	background-color: #3d4e62;
    color: #fff;
    font-size: 16px;
    padding: 5px 15px;
}
.dashboard .res .res-body .res-status > .mat-tab-header {
	background-color: #e6e7e8;
}
.dashboard .res mat-tab-group .mat-tab-body-content {
	padding: 0;
}

.hk-dashboard .sum .sum-item .s-desc .s-title {
    font-size: 16px;
}
.hk-dashboard .sum .sum-item .s-count {
    width: 45px;
    height: 45px;
    font-size: 24px;
    margin-right: 8px;
}
.hk-dashboard .sum .sum-item.VacantDirty .s-count {
    border: 1px solid rgb(89, 138, 189);
	color: rgb(89, 138, 189);
}
.hk-dashboard .sum .sum-item.OccupiedDirty .s-count {
    border: 1px solid rgb(247, 80, 80);
	color: rgb(247, 80, 80);
}
.hk-dashboard .sum .sum-item.VacantCleanC .s-count {
    border: 1px solid rgb(85, 171, 97);
	color: rgb(85, 171, 97);
}
.hk-dashboard .sum .sum-item.OccupiedClean .s-count {
    border: 1px solid rgb(175, 153, 71);
	color: rgb(175, 153, 71);
}
.hk-dashboard .sum .sum-item.OutOfOrder .s-count {
    border: 1px solid rgb(197, 122, 56);
	color: rgb(197, 122, 56);
}
.hk-dashboard .sum .sum-item.OutOfService .s-count {
    border: 1px solid rgb(149, 165, 166);
	color: rgb(149, 165, 166);
}
.hk-dashboard .chart-wrap {
	display: block;
    padding: 15px 0;
    margin-top: 25px;
    background-color: #e0e8e7;
}

/* Room Plan */
.fc-timeline .fc-divider {
    width: 0 !important;
}


.room-plan .rp-filter .form-group label {
	position: absolute;
    z-index: 1;
    font-size: 10px;
    font-weight: normal;
    color: #666666;
    margin: 0;
}
.room-plan .fc-toolbar.fc-header-toolbar,
.room-plan .fc-toolbar.fc-footer-toolbar {
	background-color: #7b8ea2;
    color: #ffffff;
    padding: 5px 0;
	margin-top:0;
	margin-bottom: 0;
}
.room-plan .fc-toolbar.fc-header-toolbar h2,
.room-plan .fc-toolbar.fc-footer-toolbar h2 {
	font-size: 18px;
	line-height: 1;
}
.room-plan .filter-scheduler {
	background-color: #cccccc;
	padding: 15px;
}
.room-plan .fc-view {
	font-size: 12px;
}



.create-rate-code .rd-block {
	position: relative;
    border: 5px solid #cccccc;
    padding: 25px 15px 15px 15px;
    margin-bottom: 15px;
}
.create-rate-code .rd-block .rd-close {
	position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    min-width: auto;
    width: 25px;
    height: 25px;
    line-height: 1;
    box-shadow: none;
}

/* reservation-home */
.reservation-home .rh-table .rh-details {
	padding: 15px !important;
    background-color: #e2ebf1;
    border-bottom: 3px solid #ccc;
}
.table-bordered .rh-details {
    padding: 15px !important;
    background-color: #e2ebf1;
    border-bottom: 3px solid #ccc;
}
.reservation-home .rh-table .rh-details p {
	margin-bottom: 10px;
}
.reservation-home .rh-table .rh-details .badge-wrap {
	margin: -2px;
}
.reservation-home .rh-table .rh-details .badge-wrap .badge {
	margin: 2px;
    font-size: 12px;
    border-radius: 6px;
}
.read-more-less {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    color: #2990d5;
    height: auto;
    cursor: pointer;
    vertical-align: middle;
    margin-top: 16px;
    line-height: 1.4;
}
.read-more-less p {
    margin: 0;
    padding-right: 10px;
    font-weight: bold;
    font-size: 14px;
}
.read-more-less i {
    font-weight: 100;
}

/* update-reservation */
.update-reservation app-ios-communications .panel-body {
	background-color: transparent;
}
.update-reservation .form-group {
    margin-bottom: 0;
}
.resvation-st {
    display: flex;
    align-items: center;
}
.resvation-st .res-st-bg {
    margin: 0 10px!important;
}

/* reservation-trace-search */
.reservation-trace-search .rts-filter .mat-radio-button {
    padding: 2px 10px;
    background-color: #cccccc;
    border-radius: 24px;
}
.reservation-trace-search .rts-filter .mat-radio-button:nth-child(2) {
	background-color: #a6e8a9;
}
.reservation-trace-search .rts-filter .mat-radio-button:nth-child(3) {
	background-color: #ffc0bb;
}

/* cashiering */
.cashiering .cashiering-toolbar {
	background-color: #a5c63b;
    color: #ffffff;
    height: 36px !important;
    font-size: 16px;
}
.transfered-charge-or-payments{
	opacity: 0.5;
    background-color: #eee;
}

/* Reports left-nav-active router-body left-nav-expanded left-nav-group */
.router-body #divReportViewer {
	position: absolute;
    bottom: 15px;
    top: 85px;
    right: 15px;
    left: 15px;
	margin-left: 0px;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.router-body.left-nav-active.left-nav-expanded #divReportViewer {
    margin-left: 160px;
}

/* House keeping module */
.house-keeping .mat-chip-sm.mat-chip:not(.mat-basic-chip) {
	padding: 0px 10px 0px 10px;
    margin-left: 0 !important;
    margin-right: 3px !important;
}
.house-keeping .mat-chip-sm label {
    margin-bottom: 0;
}
.house-keeping .mat-checkbox-sm .mat-checkbox-label , .mat-checkbox-sm .mat-checkbox-label {
	font-size: 12px;
}
.house-keeping .mat-expansion-panel-header {
	background: rgb(221, 226, 230);
    height: 40px !important;
    padding: 0 15px;
    border-top: 1px solid #c2c3c3;;
}
.house-keeping .mat-expansion-panel-header:hover,
.house-keeping .mat-expansion-panel-header:focus {
	background: rgb(221, 226, 230) !important;
}
.house-keeping .mat-expansion-panel-header h5 {
	margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: #444444;
}
.house-keeping .mat-expansion-panel-body {
	padding: 15px;
	border: 1px solid #cccccc;
}
.house-keeping .hk-table tr td {
	vertical-align: middle;
}
.house-keeping .hk-table tr td .form-group {
	margin: 0;
	padding: 0 5px;
}
.house-keeping .table-sum tr th,
.house-keeping .table-sum tr td {
	text-align: center;
}
.house-keeping .table-sum tr th {
	width: 9.09%;
}
.house-keeping .table-sum tr td:first-child {
	background: rgb(221, 226, 230);
	text-align: left;
}
/* Room Plan */
.room-plan .room-plan-right-panel {
	position: fixed;
    top: 67px;
    right: -450px;
    bottom: 35px;
    width: 450px;
    max-width: 450px;
    background-color: #e1efed;
    padding: 15px;
    opacity: 0;
	pointer-events: none;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.room-plan.rs-open .room-plan-right-panel {
    right: 0;
    opacity: 1;
    pointer-events: auto;
    z-index: 10;
  }
  .room-plan .room-plan-right-panel clovatel-reservation-detail-side-panel .rs-side .rs-side-inner {
    position: absolute;
    top: 50px;
    padding-top: 9px;
    bottom: 0;
    padding-left: 15px;
    right: 0;
    overflow-y: auto;
    padding-right: 15px;
    z-index: 999;
    width: 100%;
}
.room-plan .room-plan-right-panel clovatel-reservation-detail-side-panel .rs-side .rs-header {
	position: relative;
}
.room-plan .room-plan-right-panel clovatel-reservation-detail-side-panel .rs-side .rs-header h2 {
	display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0px;
}
.room-plan .room-plan-right-panel clovatel-reservation-detail-side-panel .rs-side .rs-header button {
	position: absolute;
    right: 15px;
    top: -2px;
    padding: 4px 5px;
	cursor: pointer;
    display: block;
}

.room-plan .room-plan-right-panel clovatel-block-detail-side-panel .rs-side .rs-side-inner {
    position: absolute;
    top: 50px;
    padding-top: 9px;
    bottom: 0;
    padding-left: 15px;
    right: 0;
    overflow-y: auto;
    padding-right: 15px;
    z-index: 999;
    width: 100%;
}
.room-plan .room-plan-right-panel clovatel-block-detail-side-panel .rs-side .rs-header {
	position: relative;
}
.room-plan .room-plan-right-panel clovatel-block-detail-side-panel .rs-side .rs-header h2 {
	display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0px;
}
.room-plan .room-plan-right-panel clovatel-block-detail-side-panel .rs-side .rs-header button {
	position: absolute;
    right: 15px;
    top: -2px;
    padding: 4px 5px;
	cursor: pointer;
    display: block;
}
.room-plan.rs-open .rp-filter {
    padding-right: 435px!important;
}
.room-plan.rs-open .rs-head {
    padding-right: 435px!important;
}
.room-plan.rs-open .rs-main {
    padding-right: 435px!important;
}
.room-plan .rp-filter,
.room-plan .rs-head,
.room-plan .rs-main {
    transition: all 0.4s;
    position: relative;
}
.dis-flex {
    display: flex;
    width: 100%;
    grid-column-gap: 20px;
}
  .dis-flex p {
    width: 100%;
}

/* Room Status */
.room-status {

}
.room-status .rs-main {
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.room-status.rs-open .rs-main {
	padding-right: 248px;
}
.room-status.rs-open .rm_status_stcky {
	margin-right: 248px;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.room-status.rs-open .cashiering {
	margin-right: 248px;
	z-index: 1;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.room-status .rs-side {
	position: fixed;
    top: 67px;
    right: -265px;
    bottom: 35px;
    width: 265px;
    max-width: 265px;
    background-color: #e1efed;
    padding: 15px;
    opacity: 0;
	pointer-events: none;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.room-status.rs-open .rs-side {
	right: 0;
	opacity: 1;
	pointer-events: auto;
	z-index: 10;
}
.room-status .rs-side .rs-header {
	position: relative;
}
.room-status .rs-side .rs-header h2 {
	display: inline-block;
    font-size: 18px;
    font-weight: bold;
}
.room-status .rs-side .rs-header button {
	position: absolute;
    right: 8px;
    top: -2px;
    padding: 2px 5px;
	cursor: pointer;
}
/* .room-status .rs-side .rs-side-inner {
	position: absolute;
    top: 45px;
    bottom: 0;
    left: 15px;
    right: 25px;
    overflow-y: auto;
    padding-right: 25px;
} */
.room-status .rs-side .rs-side-inner {
    position: absolute;
    top: 46px;
    padding-top: 9px;
    bottom: 0;
    padding-left: 15px;
    right: 0px;
    overflow-y: auto;
    padding-right: 15px;
    z-index: 999;
    width: 100%;
}
.room-status .rs-side .rs-room {
	text-align: center;
    display: block;
    margin: 0 auto;
    width: 110px;
    border: 3px solid #bacecb;
    margin-bottom: 10px;
}
/* .room-status .rs-side-inner:before {
    content: "";
    position: absolute;
    background: #ffffff8a;
	left: 0;
	top: 0px;
    right: 0;
    z-index: -1;
    height: 1300px;
} */
.rs-side-inner-p-wrp p {
	margin-bottom: 10px;
    font-size: 13px;
    border-bottom: 1px solid rgba(179, 179, 179, 0.35);
}
/* customize scrollbar css */
.rs-side-inner::-webkit-scrollbar{
	width:7px;
	background-color:transparent;
}
.rs-side-inner::-webkit-scrollbar:horizontal{
	height:12px;
}
.rs-side-inner::-webkit-scrollbar-track{
	border:1px #ffffff48 solid;
	-webkit-box-shadow:0 0 6px #ffffff48 inset;
}
.rs-side-inner::-webkit-scrollbar-thumb{
	background-color: #3c4e62;
    border: 1px solid #ffffff48;
    border-radius: 5px;
}
.rs-side-inner::-webkit-scrollbar-thumb:hover{
	background-color:#ffffff48;
	border:1px solid #ffffff48;
}
.rs-side-inner::-webkit-scrollbar-thumb:active{
	background-color:#ffffff48;
	border:1px solid #ffffff48;
}

/* schedule-charges */
.schedule-charges .sc-details {
	padding: 15px !important;
    background-color: #e2ebf1;
    border-bottom: 3px solid #ccc;
}
.schedule-charges .sc-dates .mat-form-field-infix {
    width: 80px;
}

/*************************/
.mat-dialog-container .create-new-profile + .create-new-profile-type .mat-toolbar {
	margin-top: 0;
}

/* clovatel-kiosk-logs */
.clovatel-kiosk-logs .tree-list-wrap {
	padding-top: 0;
}
.clovatel-kiosk-logs .tree-list-wrap .tree-scroll {
	margin-bottom: 0;
}
.clovatel-kiosk-logs .tree-list-wrap .tree-list {
	padding: 0
}
.clovatel-kiosk-logs .list-group > li {
	padding-left: 0;
}
.clovatel-kiosk-logs .list-group > li > .t-item:hover {
	background-color: #f7f7f7;
	cursor: pointer;
}
.clovatel-kiosk-logs .tree-list .machine .machine-btn {
	display: flex;
    align-items: center;
    background-color: #5bb7d2;
    color: #ffffff;
    margin-bottom: 5px;
	padding: 5px 15px;
	cursor: pointer;
}
.clovatel-kiosk-logs .tree-list .machine .machine-btn:hover {
	background-color: #48a2bd;
}
.clovatel-kiosk-logs .tree-list .machine .machine-btn span i {
	font-size: 24px;
    margin-right: 10px;
}
.clovatel-kiosk-logs .tree-list .machine .machine-btn label {
	margin: 0;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}
.clovatel-kiosk-logs .tree-list .machine .machine-inner > *:last-child {
	margin-bottom: 15px;
}
.clovatel-kiosk-logs .tree-list .list-group .list-group {
    margin-left: 20px;
}
.clovatel-kiosk-logs .tree-list .fa.fa-folder,
.clovatel-kiosk-logs .tree-list .fa.fa-folder-open {
	color: #efcc4b;
}
.clovatel-kiosk-logs .tree-list .fa.fa-file-text-o {
	color: #89c445;
}
.clovatel-kiosk-logs .tree-list .fa.fa-file-movie-o {
	color: #673bb7;
}
.clovatel-kiosk-logs .tree-list .fa.fa-file-audio-o {
	color: #02968a;
}
.clovatel-kiosk-logs .tree-list .fa.fa-file-photo-o {
	color: #fd9907;
}
.clovatel-kiosk-logs .tree-list .fa.fa-file-pdf-o {
	color: #f44435;
}

.clovatel-kiosk-logs .full-viewer {
	position: relative;
}
.clovatel-kiosk-logs .full-viewer .full-viewer-inner {

}
.clovatel-kiosk-logs .full-viewer .action-bar {
	position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    text-align: center;
}
.clovatel-kiosk-logs .full-viewer .type-audio {
	text-align: center;
}
.clovatel-kiosk-logs .full-viewer .type-video {
	text-align: center;
    overflow-y: scroll;
}
.clovatel-kiosk-logs .full-viewer .type-video video {
	width: 80%;
}
.clovatel-kiosk-logs .full-viewer .type-text {
	line-height: 0;
}
.clovatel-kiosk-logs .full-viewer .type-text textarea {
	resize: none;
    width: 100%;
    padding: 15px;
    line-height: initial;
}
.clovatel-kiosk-logs .full-viewer .type-image {
	text-align: center;
	overflow-y: scroll;
}
.clovatel-kiosk-logs .full-viewer .type-image img {
	min-width: 200px;
    width: auto;
    max-width: 80%;
}
.clovatel-kiosk-logs .full-viewer .type-pdf .pdf-btn {
	position: absolute;
    z-index: 2;
    left: 0;
	right: 0;
	background-color: rgba(255,255,255,0.8);
    text-align: right;
    margin: 0 50px 0 0;
}
.clovatel-kiosk-logs .full-viewer .type-pdf .pdf-btn span {
	margin-right: 10px;
}
.clovatel-kiosk-logs .full-viewer .type-pdf pdf-viewer {
	display: block;
    width: 100%;
}
.clovatel-kiosk-logs .full-viewer .type-pdf .ng2-pdf-viewer-container {
	overflow: scroll;
    height: 100%;
}


.simple-notification-wrapper {
	z-index: 9999 !important;
}

.custom-alert {
    padding: 0.75rem 1.25rem;
    /*margin-bottom: 1rem;*/
    border: 1px solid transparent;
    border-radius: 0rem;
}
.custom-alert-box {
    border-color: #d0e9c6;
}
.custom-alert-success {
    color: #3c763d;
}
.custom-alert-danger {
    color: #a94442;
}

/*====================================
	  JNR_SK_ADDED_NEW_LINE_BELOW
  ====================================*/
/*================= Whole Layout ==============*/
/* .kk {
	position: absolute;
	left: 12%;
	top: 27%;
} */

/*================= Room Status Layout ==============*/

/* .cdk-overlay-pane {
    margin-top: 44px;
} */
.mat-select-content .mat-option .mat-option-text {
    font-size: 14px;
}
.mat-select-panel .mat-select-content mat-option {
    height: 40px;
}
/*================= Room Layout ==============*/
.up-img {
	padding-left: 0px;
}
.up-btn {
	margin-left: -6px
}
.b-wrap {
	margin-bottom: 50px;
}
.btn:focus, .btn.focus {
	box-shadow: 0 0 0 2px rgba(1, 103, 176, 0)!important;
}
/*================= panel-body scroller ==============*/
.panel-body.panelbody-inner-scroll {
    max-height: 504px;
    overflow-y: scroll;
}
.body_scll {
    max-height: 500px;
    overflow-y: auto;
    height: 502px;
}
.panelbody-profile-scroll {
    height: calc(100vh - 200px);
    overflow-y: auto;
}
.vp-body-vh {
    overflow-x: auto!important;
	max-height: 415px;
	margin-bottom: 50px;
}
.vp-credit-crd-vh {
	overflow-x: auto!important;
	height: 220px;
	margin-bottom: 15px;
}
.body_scroll_l {
	overflow: auto!important;
	max-height: 554px;
}
.vp-body-vh-pop {
    overflow-x: auto!important;
    max-height: 504px;
}
.vp-body-vh-pop-II {
    overflow-x: auto!important;
    max-height: 640px;
}
.scroll_scrllbar {
	overflow-x: auto;
    max-height: 573px;
    height: 571px;
}
/*================= calender margin-top ==============*/
.mat-datepicker-content {
	margin-top: -43px;
}
.panel-body .panelbody-drop {
	margin-top: 10px;
}
/*================= Table Sticky ==============*/
 .table-sticky th {
	position: sticky;
	position: -webkit-sticky;
	z-index: 10;
	top: 44px;
	transition: all ease-in .5s;
}
.rm_status_stcky {
	position: sticky;
	position: -webkit-sticky;
	z-index: 10;
	top: 0px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	z-index: 1030;
}
.rm_status_stcky_btn {
	display: none;
}
.rm_status_stcky_des {
	display: none;
	position: relative;
}
.rm_status_stcky_des_inner {
    max-width: 92%;
}
.rm_status_stcky_des_inner button {
    position: absolute;
    right: 15px;
    top: 0;
}
.table thead.thead-default.table-sticky th {
	border: none!important;
}
.stick_wrap {
	margin-bottom: 0px;
	padding: 4px 0px;
}
.sticky-background {
	display: none;
	position: sticky;
	top: -15px;
	background: #ffffff;
	height: 60px;
	z-index: 99;
}
.stickyHeading {
	display: none;
}
.block-head {
	display: none;
}
/*================= Jquery AddClass ==============*/
form.ng-untouched.ng-pristine.ng-valid.sumith {
    position: sticky;
    top: 0px;
}
/*================= Calender Key Color ==============*/
svg.mat-datepicker-toggle-default-icon.ng-star-inserted {
    color: #01497d;
}

/*================= Mat-raised-button Overwrite ==============*/
/* @media (max-width: 1366px) {
	button.re_search_primary.mat-raised-button {
		min-width: 86px!important;
		font-size: 12px!important;
		padding: 0px 0px!important;
	}
  }
@media (max-width: 1280px) {
	button.re_search_primary.mat-raised-button {
		min-width: 68px!important;
		font-size: 12px!important;
		padding: 0px 0px!important;
		margin-left: 5px!important;
	}
  }
@media (max-width: 1024px) {
	button.re_search_primary.mat-raised-button {
		width: 55px!important;
		min-width: 50px!important;
		font-size: 12px!important;
		padding: 0px 0px!important;
		margin-left: 3px!important;
	}
  }
@media (max-width: 992px) {
	button.re_search_primary.mat-raised-button {
		width: 50px!important;
		min-width: 49px!important;
		font-size: 12px!important;
		padding: 0px 0px!important;
		margin-left: 3px!important;
	}
  } */


/*=== post_pymnt BODY ===*/
.rmv_bttm_mrgn {
	margin-bottom: 0px!important;
}
.mat-icon-button svg.mat-paginator-icon {
    padding-bottom: 9px;
    padding-right: 2px;
}

/*=== unallocate_pymnt BODY ===*/
.unallocated-pymnts 
    .payment-amt-highlight-wrap {
        font-size: 20px;
        font-weight: 500;
        color: black;
        text-align: right;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        text-align: center;
    }

    .payment-amt-highlight {
        background: #636c72;
        position: absolute;
        padding: 0px 10px;
        color: white;
        border-radius: 5px;
    }

    .payment-allocatedDate {
        font-size: 13px;
        display: flex;
        gap: 5px;
        color: gray;
    }

.row .unallocated-title {
    font-size: 13px;
    color: gray;
    padding-bottom: 3px;
}

.row .unallocated-text {
    font-size: 14px;
    font-weight: 500;
    color: black;
}

.category-title {
    font-size: 15px;
    color: black;
    font-weight: 400;
    padding-bottom: 5px;
}
/**/

/*=== Add ADITIONAL Schedule Charge Footer ===*/
.sc_footer {
	position: relative;
    background: #dedede;
    padding: 8px 15px;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
	margin-bottom: 0;
	z-index: 999;
}
.footer_wrap {
	position: absolute;
    background: #dedede;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
	margin-bottom: 0;
    z-index: 999;
    display: flex;
}
.footer-style {
	position: relative;
    background: #dedede;
    padding: 8px 15px!important;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
	margin-bottom: 0;
    z-index: 999;
    display: flex;
}
.add_footer {
	position: absolute;
    background: #dedede;
    padding: 8px 15px!important;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
	margin-bottom: 0;
	z-index: 999;
}
.add_footer_level_two {
    background: #dedede;
    padding: 8px 15px;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: -15px;
    z-index: 999;
    margin-left: -15px;
    margin-right: -15px;
}
.sc_footer-level-pop {
    position: absolute;
    background: #dedede;
    padding: 8px 15px;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: 0;
    z-index: 999;
}
/*=== Add Schedule Body Scroll ===*/
.schdle_pop_body {
	overflow-x: auto;
	max-height: 502px;
	padding-bottom: 50px;
}
/*=== ss-multiselect-dropdown ===*/
.rsvtn_hm_drp_btn_wrap {
	padding-right: 5px;
	padding-bottom: 10px;
}
.btn_wrap {
	display: flex;
	margin: auto;
}
.btn_wrap button {
	margin-right: 2px;
	min-width: 50%;
}
.btn_wrap a {
	min-width: 50%;
}
/* ss-multiselect-dropdown */
ss-multiselect-dropdown.rsvtn_hm_drp_btn .dropdown .btn.btn-primary {
    background: transparent;
    color: #202020;
    border: none;
    position: relative;
    top: 10px;
    border-bottom: 1px solid #949494;
    cursor: pointer;
	padding-left: 0px;
	padding-right: 5px;
    width: 100%;
    text-align: left;
}
ss-multiselect-dropdown.rsvtn_hm_drp_btn .dropdown .btn.btn-primary:focus {
	box-shadow: 0 0 0 2px rgba(1, 103, 176, 0)!important;
}
ss-multiselect-dropdown.rsvtn_hm_drp_btn .dropdown .btn.btn-primary:after {
    float: right;
}
/* ss-multiselect-dropdown.rsvtn_hm_drp_btn .dropdown .dropdown-menu .input-group.search-container.ng-star-inserted .input-group-prepend {
	padding: 10px;
    border: 1px solid #d9d9d9;
} */
mat-select
.input-group-prepend {
	padding: 10px;
    border: 1px solid #d9d9d9;
}
.form-group.block_inner_head {
    margin-right: 5px;
	margin-top: -10px;
	background: #e0e0e0;
}
/* View Prt size */
.vwprt_size {
	max-width: 53vw;
	max-height: 65vh;
}
/* Pop-Up SIZE Diff */
.pp_scrn_siff {
    height: auto!important;
    max-height: 600px!important;
}
/* Label And Wrap */
.lbl_lgnd_wrap {
	position: relative;
	border: 1px solid #cccccc;
	padding: 20px 0px 0 5px;
	margin-top: 10px;
}
.lbl_lgnd_column {
    position: relative;
    border: 1px solid #cccccc;
    padding: 15px 0 0 8px;
    margin-bottom: 15px;
}
.lbl_lgnd {
	position: absolute;
	top: -13px;
	left: 0px;
	background-color: #999999;
	font-size: 12px;
	color: #ffffff;
	padding: 3px 5px;
	margin: 0;
}
.tb_rw {
    padding-bottom: 15px;
    padding-left: 20px;
}
.tb_rw_inner {
	margin: auto;
	padding-top: 15px;
    position: relative;
    margin: auto;
}
.fom-err mat-error {
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 12px;
}
/*====================================================
	    ALL IN ONE CLASS FOR BETTER VIEW ON DEVICES
  ====================================================*/
.router-body.left-nav-inactive {
	overflow: hidden;
}
.cdk-overlay-pane.pp_scrn_bhvr {
    width: calc(100% - 400px);
}
.cdk-overlay-pane.pp_scrn_bhvr_lv1 {
    width: calc(100% - 200px);
}
.cdk-overlay-pane.pp_scrn_bhvr_l1 {
	width: calc(100% - 280px);
    /* width: calc(100% - 400px); */
    height: calc(100vh - 150px);
    min-height: calc(100vh - 100px);
    max-height: calc(100vh - 100px);
}
.pp_scrn_bhvr_l2 {
    width: calc(100% - 400px);
    height: calc(100vh - 100px);
    max-height: calc(100vh - 100px);
}
.cdk-overlay-pane.pp_scrn_bhvr_v2 {
    max-width: calc(100vw - 200px)!important;
}
.cdk-overlay-pane.pp_scrn_bhvr_v2 .mat-dialog-container {
    overflow: hidden!important;
}
.cdk-overlay-pane .pp_scrn_bhvr_v2 .mat-dialog-container {
	overflow: hidden;
}

.pp_scrn_bhvr_void_invoice {
    width: calc(100% - 500px);
}
.pp_scrn_bhvr_wininner {
    width: calc(100% - 200px);
    height: calc(100vh - 100px);
    max-height: calc(100vh - 100px);
}
.pp_scrn_bhvr_addreceipt {
    width: 100%;
    max-height: calc(100% - 270px);
    display: flex;
    flex-direction: column;
}
.pp_scrn_bhvr_l3 {
	width: calc(100% - 250px);
    max-height: calc(100vh - 100px);
}
.pp_scrn_bhvr_l4 {
    height: calc(100vh - 50px);
}
.pp_scrn_bhvr_l5 {
    height: calc(100vh - 80px);
}
.popup_inner_window {
	max-width: calc(100vw - 200px)!important;
}

.divReportViewer_1 iframe#iframe1 {
	/* width: 1102px; */
	width: calc(100vw - 420px);
    height: calc(100vh - 35vh);
    margin: auto;
}
.divReportViewer_2 iframe#iframe1 {
    width: 725px;
    height: calc(100vh - 35vh);
    margin: auto;
}
.popup_inner_window_body {
    position: static;
    height: calc(100vh - 200px);
	max-height: calc(100% - 200px);
	overflow-y: auto;
}
.popup_window_body{
	height: calc(100vh - 400px);
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    box-sizing: border-box;
	margin: 0px 0px 100px 0px;
}

.popup_window_body_sp{
	height: calc(100vh - 100px);
    max-height: calc(100vh - 100px);
    /* overflow-y: auto; */
    box-sizing: border-box;
	margin: 0px 0px 30px 0px;
}

.popup_window_body_l1{
	height: calc(100vh - 500px);
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    box-sizing: border-box;
	margin: 0px 0px 15px 0px;
}
.popup_window_body_l2 {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
    box-sizing: border-box;
    margin: 0px 0px 0px 0px;
}

.cmn_ispop_ind_xl {
	overflow-y: auto;
    margin: 0px 10px 10px 10px;
    /* height: calc(100vh - 200px); */
    max-height: calc(100vh - 100px);
    min-height: calc(100% - 100px);
}

.cmn_ispop_ind_lg {
	overflow-y: auto;
    margin: 0px 10px 10px 10px;
    /* height: calc(100vh - 200px); */
    max-height: calc(100vh - 200px);
    min-height: calc(100% - 200px);
}

.cmn_ispop_ind_md {
	overflow-y: auto;
    margin: 0px 10px 10px 10px;
    /* height: calc(100vh - 200px); */
    max-height: calc(100vh - 170px);
    min-height: calc(100% - 230px);
}

.cmn_ispop_ind_sm {
	overflow-y: auto;
    /* margin: 0px 10px 10px 10px; */
    /* height: calc(100vh - 200px); */
    max-height: calc(100vh - 400px);
    min-height: calc(100% - 400px);
}

.cmn_ispop {
	overflow-y: auto;
    /* margin: 0px 10px 10px 10px; */
    /* height: calc(100vh - 200px); */
    max-height: calc(100% - 110px);
    min-height: calc(100% - 375px);
}

.cmn_ispop_ind_xs {
	overflow-y: auto;
    /* margin: 0px 10px 10px 10px; */
    /* height: calc(100vh - 200px); */
    max-height: calc(100vh - 420px);
    min-height: calc(100% - 420px);
}

.cmn_ispop_ind_sp {
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0px 10px 10px 10px;
    height: calc(100vh - 200px);
    max-height: 100vh;
}

/* @media (max-width: 1440px) {
    .cmn_ispop_ind_xs {
        max-height: calc(100vh - 381px);
        min-height: calc(100% - 381px);
    }
} */

@media (max-width: 1440px) {
    .cmn_ispop_ind_xs {
        max-height: calc(100vh - 350px);
        min-height: calc(100% - 350px);
    }
}

.cmn_pop_footer {
    max-height: 52px;
    background: #dedede;
    padding: 8px 15px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0; 
    margin-bottom: 0rem
}

/*body*/
.pnl_body_wrap {
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
}
.post_pymnt {
	overflow-y: auto;
	max-height: calc(100vh - 200px);
	height: calc(100vh - 315px);
}
.post_pymnt_ispop {
	overflow-y: auto;
	height: calc(100vh - 200px);
}
.post_pymnt_nonpop {
    overflow-y: auto;
    max-height: calc(100vh - 313px);
    height: calc(100% - 100px);
	min-height: calc(100% - 100px);
}
.create-new-profile-type.is_edit .post_pymnt_nonpop {
    overflow-y: auto;
    max-height: calc(100vh - 200px)!important;
    height: calc(100vh - 200px)!important;
}
.create-new-profile-type.is_edit .post_pymnt {
	overflow-y: auto;
    max-height: calc(100vh - 200px)!important;
    height: calc(100vh - 200px)!important;
}
.post_pymnt_ispop_ind {
	overflow-y: auto;
    margin-top: 50px;
    height: calc(100vh - 200px);
    max-height: calc(100vh - 200px);
    min-height: calc(100% - 100px);
}
.pp_scrn_bhvr_inner_panel {
	overflow-x: auto!important;
	max-height: calc(100vh - 200px);
	margin-bottom: 50px;
}
.pp_scrn_bhvr_inner_panel_l2 {
	overflow-x: auto!important;
	max-height: calc(100vh - 200px);
	margin-bottom: 50px;
	margin-top: 50px;
}
.pp_scrn_bhvr_inner_panel_l3 {
	overflow-x: auto!important;
	max-height: calc(100vh - 200px);
}
.pp_scrn_bhvr_inner_panel_l4 {
	overflow-x: auto!important;
	max-height: calc(100vh - 200px);
	margin-top: 50px;
}
.pp_scrn_bhvr_inner_panel_l5 {
    max-height: calc(100% - 100px);
    overflow-y: scroll;
    height: calc(100vh - 150px);
}
.pp_scrn_bhvr_inner_panel_l6 {
	overflow-x: auto!important;
	max-height: calc(100vh - 200px);
	margin-bottom: 50px;
}
.pp_scrn_bhvr_inner_panel_l7 {
	overflow-x: auto!important;
	max-height: calc(100vh - 220px);
}
.pp_scrn_bhvr_inner_panel_l8 {
	overflow-x: auto!important;
	max-height: calc(100vh - 150px);
}
.pp_scrn_bhvr_inner_panel_l9 {
	overflow-x: auto!important;
	max-height: calc(100vh - 260px);
}
.profile_pnl_b_wrap {
    /* margin-left: 15px!important; */
    margin: 0px 15px!important;
    padding: 15px 0px!important;
}


/*==================================
	    RIGHT SIDE PRELOADER
  ==================================*/
  .rs-header>.rs_preld {
	position: absolute;
    top: -15px;
    left: -15px;
    right: -15px;
  }
/*=================================================
	Housekeeping tile status head color change
===================================================*/
label.room-no.rm_st_hd_full span {
	z-index: 1;
	position: relative;
	box-shadow: 3px 1px 4px #00000063;
}
span.day_res:before {
	content: "";
	width: 100%;
    /* width: 30px; */
    height: 20px;
    position: absolute;
    top: 0;
    left: 0px;
    right: 0;
    bottom: 0;
    z-index: -1;
	border-radius: 10px;
	background: #3c4e62;
	background: linear-gradient(rgb(73, 108, 148) 0%, rgb(60, 78, 98) 10%, rgb(60, 78, 98) 25%, rgb(60, 78, 98) 37%, rgb(60, 78, 98) 50%, rgb(60, 78, 98) 51%, rgb(60, 78, 98) 83%, rgb(60, 78, 98) 100%);
	background: -moz-linear-gradient(rgb(73, 108, 148) 0%, rgb(60, 78, 98) 10%, rgb(60, 78, 98) 25%, rgb(60, 78, 98) 37%, rgb(60, 78, 98) 50%, rgb(60, 78, 98) 51%, rgb(60, 78, 98) 83%, rgb(60, 78, 98) 100%);
	background: -webkit-linear-gradient(rgb(73, 108, 148) 0%, rgb(60, 78, 98) 10%, rgb(60, 78, 98) 25%, rgb(60, 78, 98) 37%, rgb(60, 78, 98) 50%, rgb(60, 78, 98) 51%, rgb(60, 78, 98) 83%, rgb(60, 78, 98) 100%);
}
span.hour_res::before {
	content: "";
	width: 50%;
    /* width: 15px; */
    height: 20px;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
	border-radius: 0px 10px 10px 0px;
	background: #3c4e62;
	background: linear-gradient(rgb(73, 108, 148) 0%, rgb(60, 78, 98) 10%, rgb(60, 78, 98) 25%, rgb(60, 78, 98) 37%, rgb(60, 78, 98) 50%, rgb(60, 78, 98) 51%, rgb(60, 78, 98) 83%, rgb(60, 78, 98) 100%);
	background: -moz-linear-gradient(rgb(73, 108, 148) 0%, rgb(60, 78, 98) 10%, rgb(60, 78, 98) 25%, rgb(60, 78, 98) 37%, rgb(60, 78, 98) 50%, rgb(60, 78, 98) 51%, rgb(60, 78, 98) 83%, rgb(60, 78, 98) 100%);
	background: -webkit-linear-gradient(rgb(73, 108, 148) 0%, rgb(60, 78, 98) 10%, rgb(60, 78, 98) 25%, rgb(60, 78, 98) 37%, rgb(60, 78, 98) 50%, rgb(60, 78, 98) 51%, rgb(60, 78, 98) 83%, rgb(60, 78, 98) 100%);
}
/* .mat-radio-disabled .mat-radio-outer-circle */
.mat-radio-disabled .mat-radio-outer-circle{
	border-color: #a9a9a9;
}
/*============== Reservation Details Drop Down Style ============*/
.restn_drop_pnl .dropdown .btn-primary {
	color: rgba(0, 0, 0, 0.54);
	background-color: transparent;
	border: unset;
}
.restn_drop_pnl .dropdown .btn-primary:hover {
    color: rgba(0, 0, 0, 0.54);
	background-color: transparent;
	border: unset;
}
.slt-drop-bnt.restn_drop_pnl .dropdown-menu {
	right: 0px;
    left: 0;
    padding: 0;
    max-height: 180px!important;
    margin-top: 0px;
}
.restn_drop_pnl .dropdown-menu {
	right: 0px;
    left: 0;
    padding: 0;
    max-height: 180px!important;
	margin-top: 9px;
    min-width: 100%;
    top: -50%;
    width: 375px;
    z-index: 12244;
}

.dropdown-sp .dropdown-menu {
    width: auto !important;
}
.dropdown-sm .dropdown-menu {
    width: 165px !important;
}
.restn_drop_pnl .dropdown-menu .dropdown-item {
	position: relative;
	border-bottom: 1px solid #e6e6e6;
	color: #868686;
	padding: 3px 5px;
}
.restn_drop_pnl .dropdown-toggle.btn.btn-primary {
	width: 100%;
	overflow: hidden;
	text-align: left;
	border-bottom: 1px solid;
	padding-left: 0px;
}
.restn_drop_pnl .dropdown-menu .dropdown-item:focus,
.restn_drop_pnl .dropdown-menu .dropdown-item:hover {
	color: #07867a;
}
.restn_drop_pnl .dropdown-menu .dropdown-item.active,
.restn_drop_pnl .dropdown-menu .dropdown-item:active {
    color: #07867a;
    text-decoration: none;
    background-color: #ffffff00;
}
.restn_drop_pnl .dropdown-menu .dropdown-item span {
	padding-left: 5px!important;
}
.restn_drop_pnl .dropdown-menu .dropdown-item span>::before {
    content: "";
    width: 15px;
    height: 15px;
    border: 1px solid #d4d4d4;
    position: absolute;
    top: 5px;
    bottom: 0;
    right: 0;
    left: 5px;
    border-radius: 50%;
}
.rsvtn_hm_drp_btn .dropdown-menu .dropdown-item span>::before {
    content: "";
    width: 15px;
    height: 15px;
    border: 1px solid #d4d4d4;
    position: absolute;
    top: 5px;
    bottom: 0;
    right: 0;
    left: 15px;
    border-radius: 50%;
}

.conf-msg-temp {
    line-height: normal;
    color: gray;
  }
  
  .temp-confirm {
    color: gray;
    display: flex;
    margin-top: 10px;
  }

.rsvtn_hm_drp_btn .dropdown-menu .dropdown-item span.disabled {
    opacity: 0.5;
    font-style: italic;
    pointer-events: none !important;
    background-color: transparent !important;
    color: #999 !important;
}

.restn_drop_pnl .dropdown-menu .dropdown-item span>i.fa-check::after {
	content: "";
    width: 11px;
    height: 11px;
	border: 2px solid #09b8a7;
	background: #09b8a7;
    position: absolute;
    top: 7px;
    bottom: 0;
    right: 0px;
    left: 7px;
    border-radius: 50%;
}
.restn_drop_pnl .dropdown .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.3em;
    vertical-align: middle;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
    float: right;
    position: relative;
    top: 10px;
    right: -12px;
}
.rsvtn_hm_drp_btn .dropdown .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.3em;
    vertical-align: middle;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
    float: right;
    position: relative;
    top: 5px;
    right: 5px;
}
.rsvtn_hm_drp_btn a.dropdown-item.ng-star-inserted {
    position: relative;
}
.rsvtn_hm_drp_btn .search-container {
    padding: 5px 5px 5px 5px!important;
}
.search-container input {
    font-weight: 600;
}
.rsvtn_hm_drp_btn .dropdown-item [type="checkbox"] {
    visibility: hidden;
}
.rsvtn_hm_drp_btn .dropdown-item.active:after {
    content: "";
    width: 11px;
    height: 11px;
	border: 2px solid #09b8a7;
	background: #09b8a7;
    position: absolute;
    top: 7px;
    bottom: 0;
    right: 0px;
    left: 17px;
    border-radius: 50%;
}
.rsvtn_hm_drp_btn .dropdown-menu .dropdown-item span {
	padding-left: 10px!important;
}
/* Scrollbar styles */
.restn_drop_pnl .dropdown-menu::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}
.restn_drop_pnl .dropdown-menu::-webkit-scrollbar-track {
	box-shadow: inset 0 0 10px #b7b7b7;
	border-radius: 5px;
}
.restn_drop_pnl .dropdown-menu::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #e6e6e6;
	box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.col_cs_wrap {
	width: 100%;
	display: flex;
	position: relative;
}
.col_cs {
	width: auto;
}
.col_cs_btn {
	position: absolute;
	right: 0;
	width: 8%;
}
.rm_st_c_form-group {
	position: relative;
	border: 1px solid #cccccc;
    padding-top: 9px;
    padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 3px;
    margin-bottom: 15px;
}
.rm_st_c_form-group > label {
    position: absolute;
    top: -13px;
    left: -1px;
    background-color: #999999;
    font-size: 12px;
    color: #ffffff;
    padding: 0px 5px;
	margin: 0;
	white-space: pre;
}

/*============== KIOSK Page Style ============*/

.is-on-success {
	background: #28a745;
	padding: 6px 15px;
	color: #ffffff;
	border-radius: 5px;
}
.is-off-success {
	background: #dc3545;
	padding: 6px 12px;
	color: #ffffff;
	border-radius: 5px;
}
.is-info-success {
	padding: 6px 15px;
	color: #ffffff;
	border-radius: 5px;
}
span.kiosk_head {
    background: #3c4e62;
    color: #fff;
    padding: 14px 25px;
	border-radius: 0px 0px 10px 0px;
	margin-left: -22px;
}
.or-divider.divider-vt label::after {
	content: "\F054";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    border: 1px solid transparent;
    border-radius: 50%;
    background: #cecece;
	height: 50px;
	width: 50px;
    margin: auto;
    text-align: center;
    position: absolute;
    top: 36%;
	bottom: 50%;
	left: 0;
	right: 0;
    padding: 18px 7px 10px 10px;
	color: #3c4e62;
	z-index: 9;
}
.card.right_card {
    margin: 10px;
	-webkit-box-shadow: 0px 7px 20px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 7px 20px -10px rgba(0,0,0,0.75);
	box-shadow: 0px 7px 20px -10px rgba(0,0,0,0.75);
}
.card.left_card {
    margin: 10px;
	-webkit-box-shadow: 0px 7px 20px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 7px 20px -10px rgba(0,0,0,0.75);
	box-shadow: 0px 7px 20px -10px rgba(0,0,0,0.75);
}
.card.right_card .card-header {
    background: #3a6f81;
    color: #fff;
    text-align: center;
}
.card.left_card .card-header {
    background: #3a6f81;
    color: #fff;
    text-align: center;
}
.or-divider.divider-vt::before,
.or-divider.divider-vt::after {
    content: "";
    position: absolute;
    width: 1px;
    background-color: #cecece;
    height: 92%;
    left: 50%;
    top: 10px;
}
.mat-step-header {
	pointer-events: none !important;
}
.head_receip {
    position: relative;
    width: 100%;
	display: grid;
	align-items: normal;
    grid-template-columns: 16% 16% 16% 16% 16% auto;
}
.head_receip .receip_item {
    padding-right: 15px;
}
.head_receip .receip_item:last-child {
	padding-right: 0px;
	margin: auto;
	margin-top: 0px;
}

/* mat-select style */
.dropdown.cl-select .dropdown-menu .search-container .input-group-prepend .input-group-text {
	color: #09b8a7;
    font-size: 16px;
    padding: 3px 10px 6px 0px;
    border: 1px solid #e6e6e6;
}
.dropdown.cl-select .dropdown-menu .search-container .input-group-prepend .input-group-text i {
	padding: 7px 0px 10px 8px;
}
.mat-pseudo-checkbox {
	display: none!important;
}
.mat-select-panel .mat-select-content mat-option {
    height: 40px;
    border-bottom: 1px solid #e6e6e6;
    color: #868686;
}
.mat-option:hover:not(.mat-option-disabled) {
	background: rgba(0,0,0,.04);
	color: #07867a;
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #09b8a7;
}
.mat-optgroup .mat-option:not(.mat-option-multiple) {
    padding-left: 16px!important;
}
.mat-option::before {
    content: "";
    position: relative;
    width: 15px;
    height: 15px;
    border: 1px solid #d4d4d4;
    margin-right: 10px;
    border-radius: 50%;
}
.mat-option.mat-selected:not(.mat-option-disabled)::before {
    content: "";
    position: relative;
    width: 15px;
    height: 15px;
    border: 1px solid #908f8f;
    margin-right: 10px;
    border-radius: 50%;
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled)::after {
	content: "";
    width: 11px;
    height: 11px;
    border: 2px solid #09b8a7;
    background: #09b8a7;
    position: absolute;
    top: 14px;
    bottom: 0;
    right: 0px;
    left: 18px;
    border-radius: 50%;
}
/* Scrollbar styles */
mat-select .mat-select-content::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}
mat-select .mat-select-content::-webkit-scrollbar-track {
	box-shadow: inset 0 0 10px #b7b7b7;
	border-radius: 5px;
}
mat-select .mat-select-content::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #e6e6e6;
	box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.radio_btn_wrap {
	display: block;
    margin: auto;
    text-align: center;
    padding-bottom: 10px;
} 
.mat-radio-label {
	padding: 0px 5px;
}
.paybtn-on {
	display: block;
	transition: all ease .5s;
}
.paybtn-off {
	display: none;
	transition: all ease .5s;
}
.rate_search_box button {
    width: 48%;
}
/* Image Upload BTN Style */
.up-btn.form-group.up-block {
    display: grid;
    grid-template-columns: 135px 1fr;
	grid-column-gap: 15px;
	justify-content: flex-start;
}
.up-btn-wrap>.label-btn.btn-sm {
	display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.up-img-wrap img {
    width: 100%;
    height: auto;
    border: 1px solid #ccc;
    background: #efefef;
    padding: 10px;
}
.up-img-wrap-room img {
	width: 100%;
    height: auto;
    border: 1px solid #ccc;
    background: #efefef;
    padding: 10px;
}
.up-btn-wrap.head {
	display: flex;
    grid-column-gap: 15px;
}
.up-btn-wrap.head .up-btn label {
    background-color: #3f51b5;
    color: #fff;
    font-size: 12px;
    padding: 3px 15px;
    border-radius: 2px;
    margin-bottom: 0px;
	cursor: pointer;
}


.toggle_title_wrap_box.mat-toolbar-single-row {
    height: 60px !important;
}
span.mat-toolbar-title.toggle_title_wrap {
    display: flex;
    align-items: center;
}
.toggle_btn {
    display: flex;
    grid-column-gap: 10px;
}
.toggle_tile {
    display: flex;
    grid-column-gap: 15px;
    align-items: center;
}
.toggle_item label {
    margin-bottom: 0rem;
}
.toggle_btn_inner .toggle_item.mat-radio-checked {
    background: #e69f17;
}
.toggle_tile img {
	width: 100px;
}
span.item_wrap {
    display: flex;
    align-items: center;
    grid-column-gap: 10px;
}
span.item_wrap p {
    margin: 0;
    font-size: 14px;
}
span.item_wrap img {
    width: 70px;
    border: 1px solid #09b8a7;
    padding: 5px;
    border-radius: 2px;
    background: white;
}
.toggle_btn_inner .toggle_item {
    background: #bbd5de;
    padding: 2px 10px;
    border-radius: 2px;
    color: #404040;
    background: #bbd5de;
    padding: 7px 10px;
    border-radius: 2px;
    color: #404040;
    display: block;
    width: 300px;
    margin: 10px;
}
button.block-btn.mat-raised-button.mat-primary {
    display: block;
    width: 300px;
    margin: 10px;
}
.staah-pop .panel-body {
    padding: 15px;
    background-color: #ffffff;
    max-height: calc(100vh - 100px);
    overflow: auto;
}
/* channel-manager-sync */
.manger_sync {
    display: grid;
    grid-template-columns: 1fr auto auto;
    grid-column-gap: 15px;
    align-items: center;
    background: #f5f5f5;
    padding: 5px;
    margin-bottom: 5px;
}
.manger_sync h3 {
    font-size: 16px;
    font-weight: 700;
}
/* Staah */
.lbl_lgnd_mapped.ismaped {
    padding: 4px;
    border: 1px solid #ccc;
    width: 100px;
    background: #ededed;
    display: flex;
    align-items: center;
    border-radius: 2px;
	grid-column-gap: 15px;
}
.lbl_lgnd_mapped.ismaped .mat-checkbox-layout {
    margin-bottom: 0;
}
.lbl_lgnd_mapped .mat-checkbox-disabled {
    cursor: default;
    margin: 0;
}
.room-type-staah {
	border: 1px solid #ccc;
    padding: 10px;
    border-radius: 2px;
    background: #fafafa;
    margin: 15px;
	box-sizing: border-box;
}
.room-type-staah-head {
    display: grid;
    align-items: center;
    grid-template-columns: auto 1fr;
    grid-column-gap: 10px;
	margin-bottom: 7px;
}
.room-type-check mat-checkbox {
    margin-right: 0px;
}
.room-type-name h6 {
    margin-bottom: 0;
}

/* Inventory Forecast report increase height of parameter selection*/
.moreHeight {
	position: absolute;
    bottom: 15px;
    top: 115px!important;
    right: 15px;
    left: 15px;
	margin-left: 0px;
	-webkit-transition: all 0.4s;
    transition: all 0.4s;
}
/* Warning Page Style */
.warning-wrap {
    padding: 50px;
    margin-top: 7%;
    background: #fbfbfb;
    border-radius: 10px;
}
.warning-wrap img {
    width: 150px;
    height: auto;
    display: block;
    margin: auto;
}
.warning-wrap h5 {
    text-align: center;
    padding-top: 50px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
/* Scroll bar disable*/
.daily-repot mat-dialog-container {
    overflow: hidden!important;
}
.daily-repot-body {
    position: relative;
    min-height: 150px;
    overflow-x: auto!important;
	max-height: calc(100vh - 200px);
}
/* Update Reservation */
.channel-code {
    margin-top: 7px;
}

/* Footer Inside in From */
.remove-padding-insde-form {
    padding: 0px 0px 12px 0px;
}
.footer-insde-form {
    margin-bottom: 48px;
    position: relative;
    min-height: 150px;
    max-height: calc(100vh - 200px);
    overflow-x: hidden!important;
    padding: 15px;
}
.no-show-wrap mat-radio-button {
    display: block;
    margin-left: 10px;
}

/* Common Error message */
small.common-error {
    position: relative;
    display: block;
    margin-top: -15px;
    color: #f44336;
    font-size: 75%;
}
.common-error-span {
    position: relative;
    display: block;
    margin-top: -15px;
    color: #f44336;
    padding-left: 15px;
}

/* Invoice Style */
.invoice-head {
    padding: 0px 30px 0px 30px;
}
.invoice-flex {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
    align-items: center;
    margin-bottom: 15px;
}
.invoice-head p {
    margin-bottom: 0;
}
p.invice-titile {
    margin-bottom: 0;
    padding: 0px 35px;
}
.void-window {
    background: #efefef!important;
}
.void-window .mat-card-header-primary {
    background: #cfcfcf!important;
}
.void-window .title .count span {
    color: #cfcfcf!important;
}
.mat-card.void-window {
    color: rgb(131 131 131)!important;
}
.void-window .mat-tab-group.mat-primary .mat-tab-label.mat-tab-label-active {
    color: #878787!important;
}
.void-window mat-tab-group .mat-tab-label {
    color: #878787!important;
}
.void-window .mat-tab-group.mat-primary .mat-ink-bar,
.void-window .mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #cfcfcf!important;
}
.bl-box.void-window .mat-card-header-primary .heading h3 {
    color: #8b8b8b!important;
}
.bl-box.void-window .mat-card-header-primary .heading h3 small {
    color: #8b8b8b!important;
}
.bl-box.void-window .mat-card-header-primary .heading p {
    color: #8b8b8b!important;
}
.billing-header {
    display: block!important;
}
.advance-window .billing-header .title .heading h3 small {
    color: #243238;
}
.void-box {
    background-color: #dc3545!important;
    color: #ffffff!important;
    text-align: center;
    width: 30px;
    border-radius: 3px!important;
    display: block!important;
    padding: 0px 0px!important;
    margin-right: 15px!important;
    font-size: 11px;
}
.void-box-sp {
    background-color: #049587!important;
    color: #ffffff!important;
    text-align: center;
    width: 100%;
    border-radius: 3px!important;
    display: block!important;
    padding: 0px 5px !important;
    margin-right: 15px!important;
    font-size: 11px;
    font-family: sans-serif;
    white-space: nowrap;

}
.void-box-default {
    background-color: #049587!important;
    color: #ffffff!important;
    text-align: center;
    width: 50px;
    border-radius: 3px!important;
    display: block!important;
    padding: 0px 2px!important;
    margin-right: 15px!important;
    font-size: 11px;
}
/* .win-void-box {
    position: relative;
} */
.table-column tbody tr td {
    padding-right: 20px;
}
.date-style {
    display: table-cell;
    height: 100%;
    vertical-align: middle!important;
    font-weight: 800;
    background: #e6e6e6;
    box-shadow: 4px 0px 8px -5px #ccc;
    color: #09b8a7;
}
.advance-window {
    background: rgb(221 241 255);
    color: #243238;
}
.advance-window .mat-card-header-primary {
    background: #abd4f1;
}
.bl-box.advance-window .title .count span {
    color: #243238;
}
.bl-box.advance-window .mat-card-header-primary .heading h3 {
    color: #243238;
}
.bl-box.advance-window .mat-card-header-primary .heading p {
    color: #243238;
}
a.fc-timeline-event.fc-h-event.fc-event.active-event {
    border-width: 0px;
}
/* a.fc-timeline-event.fc-h-event.fc-event.fc-end.active-event:after {
    background-color: rgb(255 255 255 / 26%)!important;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
} */
/* a.fc-timeline-event.fc-h-event.fc-event.fc-start.active-event:after {
    background-color: rgb(255 255 255 / 26%)!important;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
} */
/* a.fc-timeline-event.fc-h-event.fc-event.fc-start.fc-end.active-event:after {
    background-color: rgb(255 255 255 / 26%)!important;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    border-radius: 20px;
} */
a.fc-timeline-event.fc-h-event.fc-event.active-event {
    background-color: rgb(171 180 187)!important;
    border-width: 2px;
}
a.fc-timeline-event.fc-h-event.fc-event.active-event .fc-content span {
    color: #000!important;
    padding-left: 10px;
}
li.menu-item-header {
    color: rgb(0, 0, 0);
    padding: 4px 8px;
    border-radius: 2px;
    background:rgb(202 207 211);
}
li.sub-li {
    position: relative;
    background: #f7f7f7;
    margin-bottom: 1px;
    border-radius: 2px;
    cursor: pointer;
}
li.sub-li:after {
    content: "";
    position: absolute;
    border-left: 5px solid #b1b1b1;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    top: 6px;
    left: 2px;
    bottom: 0;
    height: 5px;
}
.ngx-contextmenu ul.dropdown-menu > li > a:hover, .ngx-contextmenu ul.dropdown-menu > li > a:focus {
    background-color: rgb(221 226 230)!important;
    color: #000000;
    border-radius: 2px;
}
/* Rate Calender Styles */
/* .rate-calendar tr:hover {
    background-color: #dce4ef;
  } */
/* .rate-calendar.table tr:hover td {
    background-color: #dce4ef!important;
}
.rate-calendar.table tr:hover td.first-col {
    background-color: #ababab!important;
} */
.rate-calendar .first-col {
    position: -webkit-sticky;
    position: sticky;
    background-color: #ababab;
    width: 200px;
    min-width: 100px;
    max-width: 300px;
    left: -1px;
}
.sec-col {
    position: -webkit-sticky;
    position: sticky;
    background-color: #ababab ;
    width: 200px;
    min-width: 100px;
    max-width: 300px;
    left: 98px;
}
.rate-calendar .btn-left.mat-mini-fab {
    margin-left: -49px;
    top: 28px;
    background-color: #e69f17;
    width: 35px;
    height: 35px;
    position: absolute;
    z-index: 1;
}
.rate-calendar .btn-right.mat-mini-fab {
    margin-left: 44px;
    top: 28px;
    background-color: #e69f17;
    width: 35px;
    height: 35px;
    position: absolute;
    z-index: 1;
    box-shadow: inherit;
}
.rate-calendar .btn-left.mat-mini-fab span.mat-button-wrapper {
    display: flex;
    line-height: 25px;
    align-items: center;
    justify-content: center;
    padding-right: 2px;
}
.rate-calendar .btn-right.mat-mini-fab span.mat-button-wrapper {
    display: flex;
    line-height: 25px;
    align-items: center;
    justify-content: center;
    padding-left: 2px;
}
.rate-calendar button.mat-mini-fab:focus {
    border-color: transparent!important;
    border: 0px solid transparent!important;
    box-shadow: inherit;
    outline: 0px;
}
.rate-calendar.table th,
.rate-calendar.table td {
    padding: 10px 30px!important;
}
/*mat-sidenav-content .rate-calendar.table td {
    padding: 5px!important;
    text-align: center;
    position: relative;
}
mat-sidenav-content .rate-calender-view-button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: center;
    width: 100%;
    margin-top: 0;
    grid-column-gap: 70px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    align-items: center;
}
mat-sidenav-content .rate-calender-view-button button.btn.btn-sm.btn-success {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    z-index: 1;
    font-size: 10px;
    text-align: center;
    background: #e69f17;
    border: 0;
}
mat-sidenav-content input.header-date-value {
    width: 50px;
    text-align: center;
    border-radius: 10px;
    border: 0;
    outline: 0;
} */
/* Staah Page Button */
.staah-wrapper {
    width: 60%;
    margin: auto;
}
mat-horizontal-stepper.staah-stepper .mat-horizontal-stepper-header-container {
    white-space: nowrap;
    display: flex;
    align-items: center;
    width: 80%;
    margin: auto;
    background: #f4f4f4;
    margin-top: 15px;
    border-radius: 5px;
}
.form-btn-group {
    padding-top: 15px;
    padding-bottom: 10px;
}
.form-check {
    position: relative;
    display: block;
    margin-top: 0;
    padding-left: 0;
}
.form-check .form-check-label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-left: 35px;
    line-height: 40px;
    margin-bottom: 0;
    transition: color 0.3s linear;
    width: 100%;
}
.form-check input[type=checkbox], .radio input[type=radio] {
    opacity: 0;
    position: absolute;
    visibility: hidden;
}
.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}
.form-check .form-check-sign.box::before,
.form-check .form-check-sign.box::after {
    content: " ";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    cursor: pointer;
    border-radius: 3px;
    top: 10px;
    background-color: transparent;
    border: 1px solid #E3E3E3;
    transition: opacity 0.3s linear;
    padding: 3px;
}
.form-check .form-check-sign.box::after {
    font-family: "Nucleo Outline";
    content: "";
    content: "\f00c";
    top: 10px;
    text-align: center;
    font-size: 13px;
    opacity: 0;
    color: rgb(255, 255, 255);
    background-color: rgb(110, 199, 224);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    -o-border-image: initial;
    border-image: initial;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.form-check input[type=checkbox]:checked + .form-check-sign::after {
    opacity: 1;
}
.form-check .form-check-label p {
    margin: 0;
    color: #373737;
    font-weight: normal;
    font-family: 'Roboto';
}
button:focus {
    outline: 1px dotted!important;
    outline: 0px auto -webkit-focus-ring-color!important;
}
.log-in-staah {
    padding: 15px;
    background: #f9f9f9;
}
/* Room Plan module */
.room-plan .mat-checkbox-layout .mat-checkbox-label {
    font-size: 12px;
}
.room-plan .mat-chip-sm.mat-chip:not(.mat-basic-chip) {
    padding: 0px 10px 0px 10px;
}
.cdk-overlay-pane.day-option-pop .day-option-pop-wrapper {
    padding: 5px;
}
.cdk-overlay-pane.day-option-pop .day-option-pop-wrapper mat-list-option.mat-list-item.mat-list-option {
    font-family: "Open Sans", sans-serif!important;
}
.cdk-overlay-pane.day-option-pop .day-option-pop-wrapper mat-selection-list.mat-selection-list:focus-visible {
    border: 0px!important;
    border-color: transparent!important;
    outline: none!important;
}
.cdk-overlay-pane.day-option-pop .day-option-pop-wrapper mat-selection-list.mat-selection-list {
	padding: 0px;
}
.cdk-overlay-pane.day-option-pop .day-option-pop-wrapper mat-selection-list.mat-selection-list mat-list-option.mat-list-item.mat-list-option {
    height: 25px!important;
}
.cdk-overlay-pane.day-option-pop .day-option-pop-wrapper .mat-list-item-content.mat-list-item-content-reverse {
    font-size: 14px;
    position: relative;
    background: #f7f7f7;
    margin-bottom: 1px;
    border-radius: 2px;
    cursor: pointer;
}
.cdk-overlay-pane.day-option-pop .day-option-pop-wrapper .mat-list-item-content.mat-list-item-content-reverse:hover {
    background-color: rgb(221 226 230)!important;
    color: #000000;
    border-radius: 2px;
}
.cdk-overlay-pane.day-option-pop .day-option-pop-wrapper .mat-list-item-content.mat-list-item-content-reverse .mat-list-text p {
   white-space: nowrap;
   display: block;
    font-size: 12px;
    color: #000000;
}
.cdk-overlay-pane.day-option-pop .day-option-pop-wrapper .mat-list-item-content.mat-list-item-content-reverse .mat-list-text p:after {
    content: "";
    position: absolute;
    border-left: 5px solid #b1b1b1;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    top: 6px;
    left: 2px;
    bottom: 0;
    height: 5px;
}
i.fa.fa-info.outline {
    border: 1.5px solid #575757;
    padding: 3.5px 0px 0px 5.5px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    font-size: 11px;
    display: block;
}

.radio-btn-vertical-wrp{
    display: flex;
    flex-direction: column;
    align-items: baseline;
    margin-left: 5px;
    padding-bottom: 5px;
}

.credit-input-field{
    max-width: 50px!important;
}

/**Task Management page ****/
/* .room-type-multiselect .cl-select button {
	width: 125px!important;
	font-size: 10px!important;
} */

ngb-typeahead-window {
    display: block!important;
   } 
   
.progress-bar-danger .mat-progress-bar-fill ::after {
    background-color: red !important;
}

.danger-color{
    color:red
}

.warn-color{
    color:orange;
}

.success-color{
    color: #009345;
}

.table-content-center{
    text-align: center;
}
.email-msg-popup-table{
    max-width: 50%;
    margin-top: 15px;
    margin-bottom: 15px;
}

.key-encoder-highlighted-text{
    color: #f30c0c;
}

/*
* Scanner selection
*/
 /* .scanner-btn {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  } */
  
  /* The actual popup */
.scanner-popup , .scanner-popup-dbl {
    /* visibility: hidden; */
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    top: 115%;
    left: 0%;
    margin-left: -80px;
    margin-top: 5px;
    height: 31px;
    display: flex; 
    justify-content: center;
    align-items: center;
    gap: 5px;
    background-color: white;
    border: 0.2px solid #0167b0;
  }

  .scanner-popup-dbl {
    left: 70%;
  }
  
  /* Popup arrow */
 .scanner-popup::before , .scanner-popup-dbl::before {
    content: "";
    position: absolute;
    bottom: 104%;
    left: 50%;
    margin-left: 3px;
    border-width: 2px;
    border-style: solid;
    border-left: 6px solid #00000000;
    border-right: 6px solid transparent;
    border-bottom: 7px solid #0167b0;
    color: transparent;
  }
  
  .scanner-popup-dbl::before {
    left: 46%;
    }
  
  /* Toggle this class - hide and show the popup */
  .scanner-popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
  }

  .scanner-popup-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    top: -3px;
    position: relative;
  }
  
  /* Add animation (fade in the popup) */
  @-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
  }
  
  @keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
  }

  .arr-form .mat-tab-body.mat-tab-body-active {
      height: 554px;
      overflow: auto !important;
  }

  .arr-form .mat-tab-body-content {
    overflow-y: auto !important;
  }

  .arr-form .gs-arr .mat-tab-body-content {
      padding: 10px;
  }

  .mat-dialog-container{
      overflow-y: hidden !important;
  }

  @media(max-width: 795px) {
    .arr-form .mat-tab-body.mat-tab-body-active {
        height: 553px;
        overflow: auto !important;
    }
  }

  /* Rate code  */

  .save-btn {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-top: 20px; 
    margin-left: 20px ;
  }

  /* Payment & Checkout  */

  .row-header {
    background-color: #eff1f305 ;
    margin: 5px 10px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 20px;
    align-items: center;
  }


  /*Mat select disabled style*/
  .disable-like.mat-select-disabled .mat-select-trigger {
    background: #e0e0e0;      /* same grey as mat-input disabled */
    border-radius: 4px;
    cursor: not-allowed;
    color: rgba(0, 0, 0, 0.38);  /* disabled text color */
    /* padding: 10px; */
  }
  
  .disable-like.mat-select-disabled .mat-select-arrow {
    color: rgba(0, 0, 0, 0.38);
  }

  .disable-like.mat-select-disabled .mat-select-trigger {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }