/*
==========================================================================
    Rooms Inventory
==========================================================================
*/
.rooms-inventory {
	font-family: $base-font;
	.content { padding: 20px 15px 0 15px; } 
	input[type="text"] {
		padding: 2px 10px;
		height: 26px;
		background: color("cumulus");
		color: color("black2");
		border: 1px solid color("manatee");
		@include border-radius(0);
	}
	.mars-select .multiselect-container li.disabled { /* please check "input.scss", "disabled" class  "display: block !important;"  */
		display: none !important;
	}
	.top-head {
		@include flexbox; 
		flex-wrap: wrap;
		position: relative;
		margin-bottom: 10px;
		.btn-save,
		.btn-edit,
		.btn-close { 
			margin-left: 4px; 
			width: $icon-large;
			height: $icon-large;
			&.displayBlock { display: inline-flex !important; } 
		}
		.head-label {
			background-color: color("pattens-blue-2");
			color: color('black2');
			@include border-radius(0);
			width: inherit;
		}
		@media (max-width: 820px) {
		.fillgap { flex-grow: unset; width: 100%; height: 5px; } 
		}
    }
	.btn-popup-copy,
	.btn-add-new,
	.btn-synch {
		margin-left: 10px; 
		height: $icon-large;
		&.displayBlock { display: inline-flex !important; } 
	}
	.data-btn-import {
		position: relative;
		margin-right: 5px;
	}
	.chi-import-status-red{
		margin-right: 5px;
	}

	.section-row {
		display: -ms-grid;
		display: grid;
		-ms-grid-template-columns: 150px auto;
		grid-template-columns: 150px auto;
		grid-column-gap: 4px;
		margin-top: 5px;
		// position: relative;
		&:first-child { margin-top: 0; }
		.section-right { @include flexbox; flex-wrap: wrap; }
		.form-group,
		.form-group-calendar { margin: 0; padding: 2px 0; }
		.timeselect { 
			width: 199px; 
			padding-left: 5px; 
			background: color("white-smoke"); 
			p { margin-bottom: 0; } 
			.btn-calendar { margin: 0; }
		}
		.reportpopup { @media (min-width: 1201px) { top: 30px; } margin-left: 154px; }
		.calendar-select { width: 210px; }
		.form-group-input .form-control { width: 199px; }
		.daterange-row { min-height: 219px; display: block; }
		.capacity-input { width: 60px; text-align: center; float: left; &:read-only:disabled { background: color("white-smoke") !important; } }
		.normal-text { font-weight: 400; padding: 3px 0 3px 10px; }
	}

	/* sortable section  */
	.mars-sortable-wrapper {
		&.inventory-mgtco {
			.sortable-container--update {
				height: 382px;
				@media (min-width: 768px) { height: calc(100vh - 184px); } 
				@media (min-width: 821px) { height: calc(100vh - 164px); } 
				@media (min-width: 1201px) { height: calc(100vh - 162px); } 
				.sortable-row-content .sortable-item:first-child .group1:first-child > .sortable-column .btn-deletecell { display: none !important; }
				/* Setting column width */
				.sortable-row--title {
					-ms-grid-template-columns: 200px 200px 210px;
					grid-template-columns: 200px 200px 210px;
				}
				.sortable-row-content {
					.group1 {
						-ms-grid-template-columns: 200px 200px auto;
						grid-template-columns: 200px 200px auto;
						.category-type {
							.form-group {
								margin-bottom: unset;
							}
						}
					}
					.is-add-button .group2 {
						-ms-grid-template-columns: 180px;
						grid-template-columns: 180px;
					}
					.group2 {
						-ms-grid-template-columns: 210px;
						grid-template-columns: 210px;
					}
				}
				.roomClassDrag .btn-deletecell {
					width: 50px;
				}
			}
		}

		&.inventory-property {
			.sortable-container--update { 
				height: 382px;
				@media (min-width: 768px) { height: calc(100vh - 234px); } 
				@media (min-width: 821px) { height: calc(100vh - 199px); } 
				@media (min-width: 1201px) { height: calc(100vh - 197px) } 
				/* Setting column width */
				.sortable-row--top-title {
					-ms-grid-template-columns: 439px 556px;
					grid-template-columns: 439px 556px;
				}
				.sortable-row--title {
					-ms-grid-template-columns: 145px 145px 145px 200px 186px 166px;
					grid-template-columns: 145px 145px 145px 200px 186px 166px;
				}
				.sortable-row-content {
					.group1,
					.group2 {
						-ms-grid-template-columns: 145px 145px auto;
						grid-template-columns: 145px 145px auto;
					}
					.is-add-button .group3 {
						-ms-grid-template-columns: 170px 186px 166px;
						grid-template-columns: 170px 186px 166px;
					}
					.group3 {
						-ms-grid-template-columns: 200px 186px 166px;
						grid-template-columns: 200px 186px 166px;
					}
				}
				.sortable-item3 {
					margin: -2px 0;
				}
				.pmsCodeDrag .btn-deletecell {
					width: 50px;
				}
			}
		}
	}
} 

/* popup */
.copy-popup--room-inventory {
	font-family: $base-font;
	.copy-content { padding-bottom: 80px; }
	.copy-row {
		display: -ms-grid;
		display: grid;
        -ms-grid-template-columns: 180px 200px;
		grid-template-columns: 180px 200px;
		grid-column-gap: 10px;
		margin-top: 4px;
		&:first-child { margin-top: 10px; }
	}
	.column-title {
		background: color("pattens-blue-2");
		padding: 3px 10px;
	}
	.form-group { margin-bottom: 0; }
	.mars-select .multiselect-container li.disabled { /* please check "input.scss", "disabled" class  "display: block !important;"  */
		display: none !important;
	}
	.dropdown-menu {
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	&.ui-dialog {
		top: 115px !important;
		left: 555px !important;
	}
}

.inventory-sync-confirmation{
	.modal-content{
		width: 500px;
		margin-left: 10%;
		text-align: left;
	}
	.modal-body p{
		text-align:left;
		margin-left: 16px;
	}
}

.unAssignRoomTypeButton{
	padding:7px;
	height:30px;
	margin-right: 10px;
}

.dialog-unassignedPMSCodes-popup{
	.message-popup--admin-list{
		padding-left: 0 !important;
		padding-bottom: 0 !important;
	}
	.message-popup{
		min-height: auto !important;
	}
}